嵌套属性在Vue中不起作用

时间:2017-11-14 09:11:52

标签: vue.js

我有一个具有嵌套属性的组件:

 data () {
   return {
     config: {
       headers: ['a', 'b', 'c'],
       pagination: {
         currentPage: externalService.data.page
         totalPages: externalService.data.totalPages
       }
     }
   }
 }

更改externalService.data.totalPages时(由其他组件更改),子组件不会对此做出反应,因为config中的嵌套引用可能已更改,但config本身未更改。< / p>

我可以使用观察者来解决它,但我想知道它的声明(和最佳)解决方案是什么。在ClientSide方面,我不喜欢势在必行的方法。

1 个答案:

答案 0 :(得分:1)

我假设<link href="/css/TestFile.css?v=1" rel="stylesheet">是一个整数。整数按值传递,而不是按引用传递。所以这是一个完全正常的行为,你确实应该使用观察者。