0
new Vue({
    el:'html',
    data(){
       return{
       ...
       needreceipt:true,
       ...
       }
    },
     watch:{
        'needreceipt':function (val) {
            console.log(val);
        }
    },
    ...
})
<input id="fapiao" class="check" name="style" type="checkbox" v-model="needreceipt">
<label for="fapiao" class="trigger"><i></i>{{needreceipt}}</label>

label中的内容正确变化,为什么watch里的function不会执行

3个回答

1

已采纳

copy 你的代码,试过试可以执行的,没问题。

Codepen

0

这样试试把引号去掉

 watch:{
         needreceipt:function (val) {
            console.log(val);
        }
    },
0

把引号去了

needreceipt:function (val) {
            console.log(val);
        }

撰写答案

SegmentFault

一起探索更多未知

下载 App