HTML по умолчанию выбрана опция в качестве значения по умолчанию для данных VUE - PullRequest
Новая
       10

HTML по умолчанию выбрана опция в качестве значения по умолчанию для данных VUE

0 голосов
/ 10 декабря 2018

Я хочу, чтобы текущая выбранная опция в раскрывающемся списке была значением данных vue: 

<select v-model="test">
     <option value="1" selected>A</option>
     ...
</select>

Не определено в экземпляре vue со значением по умолчанию 

data: {
     test: '' // default should be the selected value in dropdown
}

I 'В настоящее время я использую laravel для отображения параметров и рендеринга html в блейде, а не в шаблонах vue

ОБНОВЛЕНИЕ / ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ:

Основная идея - загрузить все html и данные в режиме laravel, нопривязать выбранное значение раскрывающегося списка (выбранное по-прежнему основано на загруженных данных laravel) с реквизитом или данными в vue. 

<select v-model="item">
@foreach($item in $items)
     <option value="{{ $item }}" {{ $item == $some_data ? selected : '' }}>{{ $item }}</option>
     ...
@endforeach
</select>

И в моем файле js: 

const app = new Vue({
     el: '#app',
     data: {
         item: '',
     }
});

моя цельпривязать данные к vue без использования значения данных по умолчанию для vue

...