我VUE组件,你可以看到这下面如何在vue组件上的下拉列表中选择值?
<template>
<div>
...
<select class="form-control" v-model="selected" @change="myFunction()">
<option selected disabled>Status</option>
<option v-for="status in orderStatus" v-bind:value="status.id">{{ status.name }}</option>
</select>
...
</div>
</template>
<script>
export default {
data() {
return{
selected: ''
}
},
methods: {
myFunction: function() {
console.log(this.selected)
}
}
}
</script>
在吞气存在错误
Vue template syntax error:
: inline selected attributes on will be ignored when using v-model. Declare initial values in the component's data option instead.
我该如何解决呢?
大容易解决这个问题。我工作。谢谢 –