WeChatウィジェットmpvueボタンをクリックしてbutton値を取得する方法
プログラムの中にはdom要素がありません。これは小さいプログラムができる限り知っています。しかし、普段の開発ではある元素をクリックしてその値を取得する必要がある場合がたまにあります。ここでは二つの解決方法を紹介します。
方式一:データバインディング
この場合、対応するシーンは一つのボタンまたは要素だけがこの方法を呼び出す場合です。
あなたの.vueファイルのdataデータに変数を追加します。
方式二
vueファイルのdataに変数を定義して受信します。
定義関数
以上は小编が皆さんに绍介した微信小プログラムmpvueボタンをクリックしてbutton値を取得する方法です。皆さんに助けてほしいです。ここでも私たちのサイトを応援してくれてありがとうございます。
方式一:データバインディング
この場合、対応するシーンは一つのボタンまたは要素だけがこの方法を呼び出す場合です。
あなたの.vueファイルのdataデータに変数を追加します。
data() {
return {
msg:' '
};
getData(){
console.log( this.msg )
}
ボタンで<button @click="getData()" name="bu">{{msg}}</button>
しかし、複数の要素に対してこの方法を呼び出すと、この方法は非現実的であり、次の2番目の方法は一つの欠点を補う方法である。方式二
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値を取得する方法です。皆さんに助けてほしいです。ここでも私たちのサイトを応援してくれてありがとうございます。