我正在用vuejs 2.0创建一个网络apply.我使用以下代码创建了简单的 Select 输入:
<select v-model="age">
<option value="" disabled selected hidden>Select Age</option>
<option value="1"> 1 Year</option>
<option value="11"> 11 Year</option>
</select>
我的Vue组件中有data
个:
data () {
return {
age: "",
}
},
watch: {
age: function (newAge) {
console.log("log here")
}
但在为select添加默认值时,我开始出现这个错误:
错误/~/vue loader/lib/template编译器.js?id=data-v-5cf0d7e0/~/vue加载程序/库/ Select 器.js?类型=模板&;索引=0/src/components/cde.vue
@ ./src/components/cde.vue 10:23-151
@ ./~/巴贝尔加载器/~/vue加载程序/库/ Select 器.js?
@ ./src/路由/索引.js
@ ./src/app.js
@ ./src/客户端条目.js
@多应用程序
我试图在组件的数据部分也给出默认值,但什么也没发生.我也试了v-bind
次,但后来观察者停止了对年龄变量的研究.