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

JavaScript

猪猪蛋蛋

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）

似乎我的步骤是错误的

我该如何解决？

第881篇《如何设置在vue.js 2中选择的选定选项？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
JimAJim 2020.03.12

您只需要从所选属性和必需属性中删除v-bind（:)。像这样 ：-

<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>

您没有通过这些属性将任何东西绑定到vue实例，这就是为什么它会产生错误。

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android