vue element-UI 更新输入数据但页面未及时渲染的问题
使用el-select时选中值改变但没有渲染变化在el-select上绑定change方法,使用this.$forceUpdate()强制更新一下select// HTML<el-selectv-model="value"@change="changeSelect"placeholder="请选择"><el-optionv-for="(item, index) in option
·
使用el-select时选中值改变但没有渲染变化
在el-select上绑定change方法,使用this.$forceUpdate()强制更新一下select
// HTML
<el-select
v-model="value"
@change="changeSelect"
placeholder="请选择">
<el-option
v-for="(item, index) in options"
:key="index"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
// Js
changeSelect(){
this.$forceUpdate() // 强制刷新
}
el-table中嵌套表单,修改输入框的值 或 添加新的表单 未渲染更改
查看官网表格中的组件方法
<el-table
:data="scriptJson.templet"
ref="tableDataRef"
>
<el-table-column
prop="param"
label="参数"
>
<template slot-scope="scope">
<el-form-item>
<el-input size="small" @change="changeValue(scope.row.value)" v-model="scope.row.value" placeholder="请输入参数值"></el-input>
</el-form-item>
</template>
</el-table-column>
// 在修改的地方调用此代码
changeValue(){
this.$nextTick(() => { // 更新表格布局
this.$refs.tableDataRef.doLayout();
});
}
更多推荐
已为社区贡献5条内容
所有评论(0)