la modificación de datos del componente element-ui no cambia
escena 1:
El atributo v-model no está vinculado, por lo que cambiar el valor no cambia
Solución: defina el valor de enlace en los datos y use v-model (o abreviado como: modelo)
en el control para el enlace
Escenario 2:
Múltiples datos ( datos generados por recorrido de bucle o datos con estructura anidada de múltiples capas ) están vinculados al control, lo que hará que el control del elemento no pueda monitorear el cambio del valor de control actual
Solución:
agregue un método para monitorear los cambios de valor en el control, use **@change="changeMethod" para enlazar
y luego defina el método en los métodos, use this.$forceUpdate()** en este método para forzar la actualización, deje que el operación de renderizado de control
p.ej:
<el-switch
v-model="item.enable"
active-color="#13ce66"
inactive-color="#ff4949"
@change="forceUpdate"
>
methods:{
// 多重数据渲染导致组件无法监听到当前控件数据变化,做强制刷新
forceUpdate() {
this.$forceUpdate();
},
}
Si está utilizando el componente el-input, cambie @change a
@input , es decir:
<el-input
v-model="item.exeNum"
placeholder="请设置执行次数"
type="number"
@input="forceUpdate"
></el-input>
methods:{
// 多重数据渲染导致组件无法监听到当前控件数据变化,做强制刷新
forceUpdate() {
this.$forceUpdate();
},
}
Este método me funciona, si hay otros métodos mejores, puedes compartirlos con todos