以下为代码出错的地方:

<input name="m1" type="checkbox" v-model="agree" @change="agree"/>
data() {
    return {
      // 是否同意
      agree:true
    }
},

原因就是处理事件的函数名和data中的数据名“重名”!

 解决方法:给change事件加一个布尔值即可!

<input name="m1" type="checkbox" v-model="agree" @change="agree=true"/>

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐