2017-08-02 5 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、私は状況の微妙を取得していないので、ok。あなたの答えは実際には私の問題は異なっていますが、実際には正しいです。私はまた、配列からこの方法でテキストフィールドにアクセスしようとしていました。 VARデモ=新しいヴュー({ EL '#demo' データ:{ textfield_phone 'phonetextfield' }、 方法:{ selecttextfield1(){ this.focusInput(this.textfield_phone、 1000)// this works }、 } } –

+0

私は状況の微妙さを得られませんでした。あなたの答えは実際には私の問題は異なっていますが、実際には正しいです。私はまた、配列からこの方法でテキストフィールドにアクセスしようとしていました。 変数1:偽、 はfunction1()、 機能2(){ のvar temparray1 { this.variable1 = TRUE //これはコースにconsole.log(this.variable1)の作品が真 を印刷} = [this.variable1] temparray1 [0] = true //私が望むように動作しません。変更された配列内の値です。this.variable1ではありません。 console.log(this.variable1)// print still false false console.log(temparray1 [0])// prints true –

関連する問題