在Element UI中,`el-table-column`组件的`type`属性无法动态变化,而`el-button`组件的`disabled`属性可以动态变化,这是因为这两个属性在实现上有所不同,涉及到了Vue组件的属性绑定方式和属性的响应性。
`el-table-column`组件的`type`属性是静态属性,是在组件初始化阶段就确定的,无法通过属性绑定方式实现动态变化。这是因为静态属性在组件的`props`中定义,通常通过`default`属性来指定默认值。这样的属性只在组件初始化的时候读取一次,之后不会再更新。所以,即使通过属性绑定方式修改了`type`的值,但是`el-table-column`组件会忽略这个变化,不会重新渲染。
而`el-button`组件的`disabled`属性是响应式的,可以通过属性绑定方式实现动态变化。在Vue中,通过`v-bind`或者简写的冒号语法来绑定属性,可以实现属性的响应式绑定。当绑定的值发生变化时,组件会重新渲染,从而实现属性的动态变化。
总结来说,静态属性是在组件初始化时确定的,之后不会再更新;而响应式属性是可以通过属性绑定方式实现动态变化的,当绑定的值发生变化时,组件会重新渲染。
标签:el,动态变化,column,绑定,组件,table,属性 From: https://blog.51cto.com/M82A1/7412666