vue中data中的值相互调用,vue data里面用data的数据
本文主要介绍了vue中数据的交互使用,具有很好的参考价值。希望对你有帮助。如有错误或不足之处,请不吝赐教。
目录
数据相互使用。具体编码如下:数据中的数据不能相互参照。
data里面的数据相互使用
今天我在写代码的时候,遇到了一个问题。我想在数据中使用一个对象,以便在数据中使用一些数据,并附上图片:
我想让params对象中的topicListType使用active的值,又不想直接在一个方法中改变这个值(改变起来太简单了),所以有了这个想法。
在数据中使用,但肯定不能写成this.params.topicListType: this.active,会给出一个未定义的错误。从网上看基本一样。可能是我看不懂,也可能是我用不了别人的,我就自己修一段时间吧。他们用mounted,但我觉得我们得用computed。
具体代码如下
计算值:{
computedTabsActive() {
return this . params . topiclisttype=this . active;
},
},
就是这样,自己测试有效。在vue中,computed属性可以看作和data一样,可以读取和设置,所以可以直接赋值和返回。
但是在模板中使用它很重要。按,如果在模板里看不到,我想大家都会用v-show或者v-if。这有点投机取巧。
data里的数据不能相互引用问题
如下图所示
如果需要相互引用,就需要使用computed
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。