HTML默认选择的选项作为vue数据的默认值

时间:2018-12-10 07:27:18

标签: laravel vue.js vuejs2 laravel-blade

我希望下拉列表中当前选择的选项是vue数据的值:

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

未在vue实例中定义为默认值

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

我目前正在使用laravel来显示选项并在刀片中而不是在vue模板中呈现html

更新/更多信息:

主要思想是在laravel视图中加载所有html和数据,但将下拉列表的所选值(所选内容仍基于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的数据默认值

0 个答案:

没有答案