VueJSで選択したオプションを変更する方法は？

<el-select @change="store(types)" v-model="types" placeholder="Select"> 
         <el-option 
          v-for="t in types" 
          :label="t.name" 
          :value="t" 
          > 
          </el-option>

私は、メソッドストアを使用してlocalstorateために、選択されたオプションを保存しています：VueJSで選択したオプションを変更する方法は？

store(value){ 

     var name = value.name; 
     var selected = localStorage.setItem('plan', name); // String 
    },

私はページを更新するか、このページに戻ったとき、私は以前に選択された選択されたオプションを持っていると思います。どうすればVueJSでそれをすることができますか？

出典

2017-02-16 Simeon Stoyanov

'エルSELECT'は、標準的な要素ではない、フックの詳細については

created() { this.types = localStorage.getItem('plan') }

を引っ掛ける）（のlocalStorageから格納された値を取得し、作成し、それを設定する必要があります、あなたはここに人々にこれを紹介しますか、あなたはそれのバイブルを作成できますか？ – Saurabh

これはhttp://element.eleme.io/を使用したカスタム選択です。 –

あなたが https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks

出典

2017-02-16 17:07:14

localstorageには1つの値しかありません。一度値を保存したら、選択したオプションとしてどのように使用できますか？ –

'created（）'に 'this.types.push（{'name'：localStorage.getItem（ 'plan'）}）'を実行します。 –

ありがとうございます。一度私がこれを持っていると、質問は次回にページを開くときに自動的に選択する方法です。基本的にはこれが全体の問題でした。私はlocalstorageに保存された値を選択したオプションにして、次にそのページを開くようにします。 –

VueJSで選択したオプションを変更する方法は？

答えて

関連する問題