v-bind更改中的Vue组件'mount'

时间:2018-11-08 01:49:38

标签: vue.js vuejs2 vue-component

组件上的

printWriter.print("b");不会因对根中的组件进行mount更改而触发。

我有一个动态组件,我经常在其中更改在v-bindv-bind:is属性中引用的数据的值,从而切换当前组件及其数据。这非常适合显示我的应用程序的不同“屏幕”。

对于许多组件,我在v-bind上发生了一些逻辑。但是,仅在更改mount值时调用此方法,而仅更改v-bind:is属性时则不调用此方法。尽管我确实需要捕捉其中任何一个,但这种感觉对我来说还是有意义的。

我是Vue的新手,有很多文档。到目前为止,我无法确定是否有内置功能来回调v-bindv-bind:is。有人可以帮我从这里出去吗?

1 个答案:

答案 0 :(得分:0)

  

计算的属性根据其依赖关系进行缓存。一个计算   属性仅在其某些依赖项具有   改变了。

https://vuejs.org/v2/guide/computed.html

尝试使用计算属性返回所需的组件名称,例如:

computed:{
    getComponent(){
       if(true)
          return 'component1'
       return 'component2'
    }
}

并在您的html上将is属性绑定到此方法:

<component :is="getComponent"></component>

不要忘记导入您的组件。