我有一个v-for
循环,其中有一个名为count
的方法:
<div class="checkbox" v-for="(index, value) in range">
<label>
<input type="checkbox" :value="Number(value)" v-model="values">
<span class="hotels">{{ count(Number(value)) }}</span>
</label>
</div><!-- /.checkbox -->
在渲染时,它显然会触发count
方法。此外,每当我单击一个复选框时,它将重新渲染并触发count
方法。
除非我有另一个组件,否则我希望计数再次运行所有这些组件。我希望他们都能更新。
我之前有过这个工作,但在我的重新考虑之后,它似乎不再起作用了。
此方法是否还能够在依赖项内部发生更改时重新触发,就像计算属性一样?
这是我的重新考虑之前的代码:
https://gist.github.com/stephan-v/58cd37042b3c20ff4af0e21e0fbdf92e
我有两个这样的组件,每当我更新我的vuex商店时,计数都会更新。
修改
模板标记中的单个属性是否可能被反应并重新呈现完整模板,从而导致count
等方法再次运行?