(vue)怎么监听表单里边的数据

最新推荐文章于 2024-06-04 10:15:53 发布

原创最新推荐文章于 2024-06-04 10:15:53 发布 · 1.3k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

VUE 专栏收录该内容

213 篇文章

订阅专栏

本文讲述了在Vue中如何使用watch方法监听表单数据的变化，特别是深层数据，如`form.name`属性，并提供了代码实例。

(vue)怎么监听表单里边的数据

  data() {
    return {
    	form：{
			name:"",
		},
		show:false,
	}
}
watch: {
	//表单监听
    "form.name": {
      deep: true,
      handler(newVal, oldVal) {
        if (newVal) {
          this.form.name= "张三";
        }
      },
    }, 
    //常规监听   
    show: {
      deep: true,
      //   immediate: true,
      handler(newVal, oldVal) {
        if (newVal === true) {
           ...
        }
      },
    },
  },