vue 中父组件向子组件传递数据用 props, 但是子组件是无法修改它的。如果子组件需要动态修改它就只能自造一个对应的 data 域。比如

components:{Tinymce},
  props:['id','formDatas'],
  data() {
    return {
      form: {
        title: '',
        title_type: '',
        push_date: '',
        source: '',
        title_introduce: '',
        title_content:'',
      }
    }
  },
  created(){
    this.form = this.formDatas
  },

这样是无法把props的值传递给data里面,因为data()只会运行一次,所以要用watch来进行监听props里面内容的变化,然后对data里面进行赋值

 watch:{
    formDatas(news,olds){
      this.form = news
    }
  }

因此当父组件传递值给子组件的时候,watch就会监听到formDatas的变化,将新的值赋给你想要传值的data,然后进行改变。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐