精华内容
下载资源
问答
  • 例如:我定义了3个变量分别是:data1,data2,data3然后在一个函数中想根据参数来确定为其中的一个赋值,例如:当参数值为1,为data1赋值;参数为2,为data2赋值… 这种,因为可能会有很多种赋值方案,属于我想用下面...

    例如:我定义了3个变量分别是:data1,data2,data3

    然后在一个函数中想根据参数来确定为其中的一个赋值,例如:当参数值为1,为data1赋值;参数为2,为data2赋值… 这种,因为可能会有很多种赋值方案,属于我想用下面这种if判断有点不太合适,又没有想到比较好的方法,还请有好方法的好心人指点下,谢谢啦

    function Test(param) {

    if(param===1){

    this.data1 = ...

    } else if(param===2){

    this.data2 = ...

    } else{

    this.data3 = ...

    }

    }

    想达到类似上面的效果但是不用if…else判断的方法

    补充:我可能没太说明白,我的意思是可能会有很多参数,变量也会有好多,有没有什么方法能实现类似下面这种的结果

    function Test(param) {

    this.data+param = ... //知道这样是不行的,但是想找一种能达到这种效果的方法

    }

    回答:

    var obj = {

    a1: '',

    a2: '',

    a3: '',

    }

    var param = 1; // 或者2,3

    obj['a' + param] = 0;

    回答:

    可以用switch呀

    回答:

    switch (param) {

    case 1: this.data1 = ... break;

    case 2: this.data2 = ... break;

    case 3: this.data3 = ... break;

    }

    回答:

    不知道场景是什么,描述的并不太详细

    假设param不同给不同data赋相同的值

    你可以这样处理

    this.data[param] = xxx

    回答:

    我认为你可以定义一个object,类似这样的数据结构:{param1: data1, param2: data2};

    然后存值的时候就这样操作:

    obj[params1] = data1;

    取值的时候:

    obj[param1]

    回答:

    你的问题应该就是想动态改变data里的参数值,这里this其实就是data这个对象,所以直接这样写就行了:

    this['data' + param] = xxx

    展开全文
  • vue变量赋值的坑

    千次阅读 2020-01-16 15:29:51
    var t=data; ...最近项目里碰到奇特坑,变量赋值给一个新变量t,原变量data里面的属性竟然变了。 解决方案1: var t = JSON.parse(JSON.stringify(data)); 转成字符串再转回对象,嗯。完美 ...
    var t=data;
    t.a=1;
    t.b=2;

    最近项目里碰到奇特坑,变量赋值给一个新变量t,原变量data里面的属性竟然变了。

    解决方案1:

    var t = JSON.parse(JSON.stringify(data));

    转成字符串再转回对象,嗯。完美

     

    展开全文
  • 外部JS给vue变量赋值

    千次阅读 2020-10-15 19:13:42
    如果你在外部修改vue的值,你可能得考虑下设计结构得...外部使用jquery给绑定了得vue赋值 $("#equipmentCodeId").val("11") 赋值后没有反应,触发该input得input事件 $("input[name='equipmentCodeName']")[0].d...

    如果你在外部修改vue的值,你可能得考虑下设计结构得问题了。

    迫不得已得解决办法


    <input v-model="dataForm.partNo"  type="text" id="partNoId" name="partNoName"/>

     

    外部使用jquery给绑定了得vue赋值

    $("#equipmentCodeId").val("11")

    赋值后没有反应,触发该input得input事件

    $("input[name='partNoName']")[0].dispatchEvent(new Event('input'))

     

     

    展开全文
  • set方法实现监听,改变data中的数据就会触发vue中数据双向绑定的底层原理,而这些演算过程是异步的,我们在上例子中又经行了大量逻辑代码,导致我们逻辑代码执行耗时比异步给data中数据赋值时间长,所以就导致了赋值...

    重现一下踩坑现场

    <template>
    	<view @click="make">{{text}}</view>
    </template>
    
    <script>
    	export default {
    		data() {
    			return {
    				text: ''
    			};
    		},
            methods: {
                make(){
                console.log(this.text);
                ....map(()=>{
                if()....//一系列计算
                let result = 结果
                })
                this.text = result;
                console.log(this.text);
                }
            }
    	}
    </script>
    
    <style lang="less">
    
    </style>
    
    

    上面例子的执行结果为打印出来的结果一致,而导致这结果的原因就是vue改变数据是异步执行的,深一点来讲,vue中的data数据在页面加载时就会被vue通过es5的definedproprety劫持,再通过get,set方法实现监听,改变data中的数据就会触发vue中数据双向绑定的底层原理,而这些演算过程是异步的,我们在上例子中又经行了大量逻辑代码,导致我们逻辑代码执行耗时比异步给data中数据赋值时间长,所以就导致了赋值前后拿到的数据相同。
    怎样解决

    this.text = JSON.parse(JSON.stringify(this.text));
    帮执行结果拷贝一份就行了。

    展开全文
  • 背景: 今天搞个百度地图,然后数组,再然后遍历给每个点加自定义窗口,问题来了为啥信息...谁知一console,两个数组都一样,怪不得我后面的用mark.openInfoWindow(infowindow(这个是在定义信息窗口的变量),point...
  • jsvue data变量相互赋值后被实时同步的解决步骤js大全jsvue data变量相互赋值后被实时同步的解决步骤js大全发布时间: 2021年1月13日 | 浏览:| 分类:js开发数据结构是这样子的data() {return {title: 'web前端 this ...
  • 变量赋值的时候要根据是什么类型来给对应的符号 String 字符串 类型的加双引号 name="陈钰"; char 字符 类型的加单引号 sex='男'; boolean 布尔值 类型的不加引号 isShow=true; number 数字 类型的不...
  • Vue变量赋值

    千次阅读 2019-10-14 13:48:20
    前些天写Vue项目遇见一个很有意思问题:将一个数据(类型是对象)赋值给一个变量,当我去改变这个变量的时候,给它赋值的数据也跟着变化了,当我去改变数据时,变量也跟着变了,这让我想起了js中的浅复制和深复制,...
  • 如: this.list = this.list2, 结果在list改变后 ...补充知识:解决vue中v-model绑定的变量赋值给了另一个变量后,两个变量同时改变 先来看一下问题背景 我们要做一个 搜索+分页 的功能,使用vue 我们将分页控件绑定了
  • vue使用变量赋值标签样式 如在小程序使用中,不同手机状态栏高度不同,标签要定位在状态栏下方20rpx的位置,无法直接使用固定的高度定位。 可以看出,这里需先确定状态栏的高度,使用状态栏高度转rpx后加上20即为...
  • Vue动态添加变量给变量赋值

    千次阅读 2020-06-24 13:14:58
    <...Vue动态添加变量给变量赋值</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> </head> <body> <div id="app"> ...
  • Vue变量赋值后双向绑定问题 问题提出 在指定一个表单的时候,我本来的想法是通过设置一个空对象对原本中途停止填写的表格进行格式化,也就是如果提交一个新表格的时候回事全部为空的情况。因此我使用了 this.form...
  • vue逻辑处理中,直接给数组变量赋值为空例如 this.arr=[],后面操作将不会在监听此变量的变化 可以使用this.arr.splice(0)给清空数组
  • 主要介绍了vue data变量相互赋值后被实时同步的解决步骤,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • vue赋值变量问题

    2020-05-11 10:48:59
    vue变量赋值变量的时候会引用同一个空间地址,当数据改变时就改变了空间地址里面的数据导致另一个变量数据也会变 在使用变量赋值如果是希望数据之间相互独立的话可以使用下面的方式 this.shiftsfrom.rule = JSON....
  • 如: this.list = this.list2,    结果在list改变后 list2也改变,这不是我们想要的效果 第一种:利用 JSON.parse 和 JSON.stringify this.list= JSON.parse( JSON.stringify(this.list2) ) ...
  • vue 数据赋值给新变量后,原数据也随新变量对数据的变化而变化 错误: let list = this.list1 错误写法将污染源数据,将改变list1的数据 正确: let list = JSON.parse(JSON.stringify(this.list1)); 备注: **...
  • VUE 新增 动态赋值变量

    千次阅读 2019-09-19 11:41:09
    VUE 点击新增按钮 动态绑定变量值 记录下工作解决的问题 ![绑定动态的一级项目变量](https://img-blog.csdnimg.cn/20190919113621979.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_...
  • vue中,a变量赋值b变量以后,修改a变量的内容,会影响到b变量也同时修改,这样就不符合需求。 解决方法: 赋值的时候使用JSON.parse()和JSON.stringify()进行转换即可赋值以后,b变量不受影响 this.b = JSON....
  • vue数组赋值

    千次阅读 2019-02-28 14:01:00
    在使用vue开发移动端项目过程中,统一数组在对多个变量赋值时;希望一个数组的改变不影响另外一个数组,此时可以使用如下方式实现: let arr = [] let a1 = JSON.parse(JSON.stringify(arr)) let a2 = JSON....
  • Vue 动态赋值 class

    千次阅读 2018-09-14 08:48:36
    Vue 动态赋值 class Vue 在操作 DOM 元素的 class 属性时,有以下多种方法 更多精彩 更多技术博客,请移步 asing1elife’s blog 比较通用的是否赋值方式 通过以下 :class="{show: show}" 的...
  • 1、在全局调用vue的方法 boxVue.getTableList(); 
  • vue赋值操作深入

    2020-10-28 16:13:49
    直接对computed的变量进行赋值,这个操作说不行的,如果需要改变computed里面变量的值,需要改变这个变量里面依赖的变量,依赖的变量值发生了改变,computed里面就能监听到变化,自然而然computed里变量的值就发生了...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 24,452
精华内容 9,780
关键字:

vue的变量赋值

vue 订阅