如何设置在vue.js 2中选择的选定选项？

猪猪蛋蛋2020-03-12

我的组件Vue是这样的：

<template>
    <select class="form-control" v-model="selected" :required @change="changeLocation">
        <option :selected>Choose Province</option>
        <option v-for="option in options" v-bind:value="option.id" >{{ option.name }}</option>
    </select>
</template>

我用这个<option :selected>Choose Province</option>来选择

但是执行时，在gulp watch上存在错误

像这样的错误：

./~/vue-loader/lib/template-compiler.js?id=data-v-53777228!./~/vue-load er / lib / selector.js？type = template＆index = 0！./ resources中的错误/ assets / js / components / bootst rap / LocationBsSelect.vue模块构建失败：SyntaxError：意外令牌（28：4）

似乎我的步骤是错误的

我该如何解决？

<template> <select class="form-control" v-model="selected" required @change="changeLocation"> <option selected>Choose Province</option> <option v-for="option in options" v-bind:value="option.id" >{{ option.name }}</option> </select> </template>