給click事件的三目表達式去綁定方法時,需要加個小括號
<div @click=" t ? func1() : func2()">點擊我</div>
父組件通過prop給子組件傳遞Array/Object時,傳遞的是變量地址
所以子組件的修改會影響到父組件的該變量。
但是不建議這么做,因為會破壞flux的單向數(shù)據(jù)流,而且無法觸發(fā)prop數(shù)組的watcher。
推薦做法(.sync):
// 父組件.vue
<child :selectValue.sync="mySelectValue" />
// 子組件.vue
props: {
selectValue: { type: String, default: '' }
},
data() {
return {
sValue: this.selectValue
}
},
watch: {
sValue(val) {
this.$emit('update:selectValue', val)
}
}