vue中data里面的数据相互使用

news/2024/7/19 14:58:29 标签: vue, js, javascript, vue.js, node.js

今天在写代码的时候,遇到一个问题,我想使用data里面的一个对象使用data里面的某个数据,附图片:
在这里插入图片描述
我想让active的值给params对象里面的topicListType使用,我不想直接在一个方法里面改变这个值(想改的话就直接可以改了,太简单),所以就有了这个想法。在data里面使用,但是肯定不能写成 this.params.topicListType: this.active,这样会报错undefined,从网上查内容基本上都一样,也许是我看不懂,也许是我不会使用别人的,都不能用,我就自己鼓捣一会,他们使用的是mounted,但是我觉得得使用computed。具体代码如下

js">computed: {
  computedTabsActive() {
    return this.params.topicListType = this.active;
  },
},

这样就可以了,自己亲测有效,在vue中,computed的属性可以被视为是data一样,是可以读取和设值的,所以你可以直接赋值,返回。但是很重要的一点,必须在模板中使用。摁,在模板中不让看见的话,我想大家都会把,用v-show或者v-if都可以。也算是投机取巧把。


http://www.niftyadmin.cn/n/763820.html

相关文章

vue传值报错avoid mutating a props directly since the value will be overwritten whenever the parent compo

vue传值报错: avoid mutating a props directly since the value will be overwritten whenever the parent component re-renders instead use a data or computedproperty based on the props value prop being mutated :“show” 看这个警告写的是必变…

python 词云_三步编写一个Python词云制作小工具

步骤1:配置对象参数import wordcloud# pip install wordcloudwwordcloud.WordCloud()#生成一个词云对象步骤2:加载词云文本txt"Python and WordCloud"w.generate(txt)#向WordCloud对象w中加载文本txt步骤3:输出词云文件w.to_file(&…

判断用户是否输入空格

isNull( str ){if ( str "" ) return true;var regu "^[ ]$";var re new RegExp(regu);return re.test(str);},var cc ;if (this.isNull(cc)) {alert(您输入的为空。) }

python为什么输出none_python – 为什么我的函数返回None?

这可能是一个容易解答的问题,但是我无法让这个简单的程序工作,这让我很疯狂.我有这段代码:def Dat_Function():my_var raw_input("Type \"a\" or \"b\": ")if my_var ! "a" and my_var ! "b":print "You d…

vue-html5-editor 手机端粘贴内容后直接提交无效

修改源码vue-html5-editor.js 目录: 打开这个文件搜索contenteditable在后面加上id"container" 然后在搜索keyup 注释代码 // content.addEventListener(keyup, function () {// this$1.$emit(change, content.innerHTML);// this$1.saveCurren…

mysql数据丢失_事务已提交,数据却丢了,赶紧检查下这个配置!!! | 数据库系列...

有个星球水友提问:沈老师,我们有一次MySQL崩溃,重启后发现有些已经提交的事务对数据的修改丢失了,不是说事务能保证ACID特性么,想问下什么情况下可能导致“事务已经提交,数据却丢失”呢?这个问题…

微信小程序事件传参以及循环

微信的循环和传参 wx:for"{{ imageText }}" 循环体 wx:for-item“item” 指定微信的每一项 wx:for-index“index” 指定微信的 data- item"{{ item }}" 标黄的是必须有的&#xff0c;-后面的随意定义名字。 <viewid"detail"class"image…

使用vue发布组件到npm

首先需要创建一个文件&#xff0c;在这个文件夹下执行 npm install vue 下载成功以后执行 npm install vue-cli 再次成功以后执行 vue init webpack-simple my-firstComponent 执行这个可能会报底下这个错 *vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的…