2017-08-02 57 views
-1

我試圖動態更改變量,以免使用太多的switch語句。我希望能做到這一點:傳遞數組中的變量以動態更新該變量 - 在Vue.js

this.variable1 = 2 
this.variable2 = 3 

var array1 = [this.variable1, this.variable2] 

,再後來做

array1[0] = 25 
array1[1] = 12 

console.log(array1[0]) //would output 25 
console.log(array1[1]) // would output 12 
當然

它這是不是發生了什麼這是正常的,但我怎麼能做到這一點動態?肯定有一種方法。

+2

而不是會發生什麼?請添加完整的代碼。 – str

回答

0

我認爲這是你在找什麼:http://jsfiddle.net/yMv7y/3067/

var array1 
var demo = new Vue({ 
    el: '#demo', 
    data: { 
    variable1: 2, 
    variable2: 3 
    }, 
    mounted() { 
    array1 = [this.variable1, this.variable2] 
    }, 
    methods: { 
    test() { 
     array1[0] = 25 
     array1[1] = 12 

     console.log(array1[0]) //would output 25 
     console.log(array1[1]) // would output 12 
    } 
    } 
}) 
+0

現在就試試它並恢復Potray。 –

+0

你好,Potray,好吧,我沒有得到這種情況的微妙之處。實際上,我的問題與我意識到的不同,你的回答是正確的。我也試圖從數組中訪問一個文本字段。 變種演示=新的Vue({ EL: '#demo', 數據:{ textfield_phone: 'phonetextfield', }, 方法:{ selecttextfield1(){ this.focusInput(this.textfield_phone, 1000)// This works }, } }) –

+0

我沒有得到這種情況的微妙之處。實際上,我的問題與我意識到的不同,你的回答是正確的。我也試圖從數組中訪問一個文本字段。 變量1:假, 功能1(){ this.variable1 =真//這工作過程的console.log的(this.variable1)打印真 }, 函數2(){ 變種temparray1 = [this.variable1] temparray1 [0] = true //不能像我想要的那樣工作,它是數組中的值,而不是this.variable1 console.log(this.variable1)//打印仍然是假的 console.log(temparray1 [0])//打印真實 –