vue Dom中的Boolean 属性 props 无法动态更新

问题描述：子组件中props 值改变，但是视图无法动态更新

// html
<el-table :class="[expand ? 'expand-height' : 'default-height']"></el-table>

export default {
    props: {
    isExpand: {
    type: Boolean,default: false}}
}
watch: {
    isExpand: {
    handler: function (val) {
    this.expand = val // 这里赋值},immediate: true}}

变量isExpand可以动态从父组件传递过来，但是Dom中的expand却无法动态更新，导致视图无法更新

解决：取消watch监听或者不要赋值直接使用父组件传递过来的值

// html
<el-table :class="[isExpand ? 'expand-height' : 'default-height']"></el-table>