vue中data中的值相互调用,vue data里面用data的数据

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: