在小程序里面是沒有dom元素的,這個我們只要會小程序的應該都知道,但是在平時開發中我們偶爾會遇到需要點擊某個元素獲取它的值的情況,在這里給大家列舉了兩種情況解決方法
方式一:數據綁定
這種情況的話,對應的場景是只有一個按鈕或元素調用這個方法的情況下的
在你的.vue文件中的data數據里面添加變量
data() { return { msg:'蘇喂蘇喂蘇喂' };getData(){ console.log( this.msg )}按鈕上
<button @click="getData()" name="bu">{{msg}}</button>
但是對于多個元素調用該方法的話,這個這種方式是不切實際的,下面第二種方法就是彌補方式一的不足
方式二
.vue文件的data中定義一個變量來接收
data() { return { concat:'12345678' };在template中,自定義屬性data-text
<van-cell-group> <van-cell title="電話" value="點擊撥打" data-text="*******" icon="phone" /> <van-cell title="微信" value="點擊復制" data-text="********" icon="chat" @click="copy($event)"/> <van-cell title="郵箱" value="點擊復制" data-text="*******" @click="copy($event)" icon="invition"/> <van-cell title="博客" value="點擊復制" data-text="******" icon="desktop-o" @click="copy($event)"/> </van-cell-group>
函數引用的時候記得一定要傳入$event,不然的話,獲取到的e會是一個undefined
定義函數
copy(e){ var that = this; console.log(e.currentTarget.dataset.text) wx.setClipboardData({ data: e.currentTarget.dataset.text, success: function (res) { wx.showModal({ title: '提示', content: '復制成功', success: function (res) { if (res.confirm) { console.log('確定') } else if (res.cancel) { console.log('取消') } } }) } });總結
以上所述是小編給大家介紹的微信小程序mpvue點擊按鈕獲取button值的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
