程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Vue Watch未触发大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决Vue Watch未触发?

开发过程中遇到Vue Watch未触发的问题如何解决?下面主要结合日常开发的经验,给出你关于Vue Watch未触发的解决方法建议,希望对你解决Vue Watch未触发有所启发或帮助;

来自文档

请看一下深度的反应性https://vuejs.org/v2/guide/reactivity.html#Change-Detection- Caveats

解决方法

尝试使用vue watch方法,但即使使用,它似乎也不会触发某些对象deep:true

在我的组件中,我收到一个数组作为prop,它们是创建以下表单的字段。我可以构建表单并将其动态绑定到一个名为的对象,crudModelCreate并且一切正常(我在vue开发工具中看到,甚至可以按计划提交表单作品)

但是我在尝试观察该动态对象的变化时遇到了问题。

  <md-input v-for="(field,rowIndeX) in fields" :key="field.id" v-model="crudModelCreate[field.name]" maxlength="250"></md-input>

   ...

   data() {
      return {
         state: 1,// This gets changed somewhere in the middle and changes fine
         crudModelCreate: {},}
   },...
   watch: {
        'state': {
            handler: function(val,oldVal) {
                this.$emit("changedState",this.statE);
                // this works fine
            },},'crudModelCreate': {
            handler: function(val,oldVal) {
                console.log("beep1")
                this.$emit("updatedCreate",this.crudModelcreate);
                // This doesn't work
            },deep: true,immediate: true
        },}

大佬总结

以上是大佬教程为你收集整理的Vue Watch未触发全部内容,希望文章能够帮你解决Vue Watch未触发所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。