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

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

未在具有默认值的vue实例中定义

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

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

更新/更多信息:

主要思想是在laravel视图中加载所有html和数据,但将下拉列表的选定值(所选的仍然基于laravel的加载数据)绑定到vue中的prop或数据 .

<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