给click事件的三目表达式去绑定方法时,需要加个小括号
<div @click=" t ? func1() : func2()">点击我</div>
父组件通过prop给子组件传递Array/Object时,传递的是变量地址
所以子组件的修改会影响到父组件的该变量。
但是不建议这么做,因为会破坏flux的单向数据流,而且无法触发prop数组的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)
}
}