Как изменить выбранный вариант в 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' не является стандартным элементом , вы представите это людям здесь, можете ли вы создать скрипку? – Saurabh

Это просто пользовательский выбор, используя http://element.eleme.io/. –

Вы должны получить сохраненные значения из LocalStorage и установить его в созданном() крючок

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

Для получения дополнительной информации о крючках, https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks

источник

2017-02-16 17:07:14

У меня есть только 1 значение в localstorage .. как только я храню значение, как я могу использовать его, чтобы сделать его выбранным? –

Вы бы сделали 'this.types.push ({'name': localStorage.getItem ('plan')})' in 'created()'. –

Спасибо. Как только у меня есть это, вопрос заключается в том, как сделать его автоматически выбранным при следующем открытии страницы. В основном это была целая проблема. Я хочу, чтобы сохраненное значение в localstorage было выбранным вариантом для моего выбора в следующий раз, когда я открою страницу. –

Как изменить выбранный вариант в VueJS?

ответ

Смежные вопросы