在组件中设置属性值后如何更新属性值

时间:2018-10-22 20:07:22

标签: vue.js vuejs2 vue-component

在Vue组件中,当立即设置“ PROPS”时,需要更新集合以包括其他属性。

组件为:

Vue.component('blog-post', {
  props: ['dataArray']   //needs to update this value when it sets.
...
})

1 个答案:

答案 0 :(得分:1)

您可以在子级中更改它,方法是从子级组件中发出值,如:

   Vue.component('blog-post', {
        props: ['dataArray']   //needs to update this value when it sets.
      ,
     methods:{
     update(val){
        this.$emit('updatedata',val)
     } 
     }
  })

,并在父组件中按如下方式使用它:

    <blog-post @updatedata="updatedataArray"><blog-post>

    ...
      methods:{
         updatedataArray(val){
         //update your data array   
         }
      }