問題
select默認(rèn)沒有報(bào)錯(cuò)，一選擇就報(bào)錯(cuò)了，值都能取到
代碼
父組件
<template>
<div>
<comSelect :cityActived="cityActived" @childToFather="fatherFn($event)"></comSelect>
{{cityActived}}
</div>
</template>
<script>
import comSelect from '@/components/comSelect'
export default {
components:{
comSelect
},
data(){
return{
cityActived:1
}
},
methods:{
fatherFn(msg){
this.cityActived = msg
}
}
}
</script>
子組件
<template>
<div>
<select v-model="cityActived" @change="childFn()">
<option v-for="item in city" :key="item.id" :value="item.id">{{item.name}}</option>
</select>
</div>
</template>
<script>
export default {
props:['cityActived'],
data(){
return{
city:[
{id:1,name:"北京"},
{id:2,name:"上海"},
{id:3,name:"廣州"},
{id:4,name:"深圳"},
]
}
},
methods:{
childFn(){
this.$emit('childToFather',this.cityActived)
}
}
}
</script>
1 回答
- 1 回答
- 0 關(guān)注
- 691 瀏覽
添加回答
舉報(bào)
0/150
提交
取消