如何設(shè)置微信小程序按鈕點(diǎn)擊事件?
當(dāng)我們需要點(diǎn)擊按鈕實(shí)現(xiàn)一個(gè)操作時(shí),我們應(yīng)該怎么設(shè)置?這里給大家介紹兩種方法:
方法一:使用小程序模板,無(wú)需懂技術(shù)。
這種方法比較簡(jiǎn)單,你只需要選一個(gè)比較簡(jiǎn)單的小程序模板,比如「云中科」https://www./,在模板上你可以添加輪播圖、快捷按鈕、商品及分類(lèi)等,這些小程序點(diǎn)擊事件都已經(jīng)由專(zhuān)業(yè)工程師做好,你只需要添加需要的功能版塊,替換下圖片、圖標(biāo),選擇需要跳轉(zhuǎn)的模塊就好了。
方法一:需要你自己寫(xiě)代碼開(kāi)發(fā)。
下載安裝微信官方開(kāi)發(fā)者工具,新建一個(gè)項(xiàng)目,打開(kāi)“app.json”,在pages的第一行添加一個(gè)頁(yè)面,然后保存。
此時(shí)在pages目錄下就出現(xiàn)了一個(gè)button的文件,打開(kāi)這個(gè)button文件的目錄,在這下面有四個(gè)文件:
打開(kāi)其中的button.wxml,然后添加一個(gè)button控件,在button控件中添加一個(gè)bindtap屬性,屬性值可以直接定義一個(gè)名字,然后保存一下。(此時(shí)刷新輸入框是沒(méi)有顏色的,我們可以添加一個(gè)樣式讓他顯示出來(lái))
再打開(kāi)button.js,在data中設(shè)置一個(gè)空值,新建一個(gè)方法,方法名就是我們給button控件設(shè)置的bindtap的值,然后在這個(gè)方法里面把我們賦給data里面的賦一個(gè)值。然后在button.wxl里面新建一個(gè)view控件,view控件的值為data里的值。如果button的點(diǎn)擊事件不成功,那么view控件中就會(huì)顯示“null”。
在模擬器點(diǎn)擊button按鈕,然后view控件中就顯示了字,此時(shí)就成功設(shè)置了button的點(diǎn)擊事件。
以上就是微信小程序點(diǎn)擊事件的相關(guān)方法科普了,第一種方法比較適合新手,你現(xiàn)在就可以用云中科做一個(gè)這樣的小程序!
「云中科」是一個(gè)專(zhuān)注自助建站與小程序開(kāi)發(fā)的小程序平臺(tái),針對(duì)眾多行業(yè)提供多套小程序模板,目前已經(jīng)幫助三百多萬(wàn)沒(méi)有技術(shù)和設(shè)計(jì)基礎(chǔ)的用戶(hù),通過(guò)云中科一鍵生成網(wǎng)站或小程序,快速建立品牌、獲取客戶(hù)、經(jīng)營(yíng)生意。2019年8月入選騰訊小程序加速器首期成員。?
本文章由【云中科】原創(chuàng),未經(jīng)授權(quán),請(qǐng)勿轉(zhuǎn)載。