vue表格刷新数据_vue+element-ui实现表格某个数据弹窗添加数据,保存后数据更新,再次打开弹窗,数据回显...

实现功能:

1、生成数据插入table

2、修改table的某个数据,保存后该数据进行更新

3、点击table的btn,选择的数据仍是选中状态,数据回显

示例-1-选择地址插入表格

示例-2-选择指定岗位

示例-3-选择岗位出现table里

示例-4-打开弹窗之前选择的岗位仍是选中

一、页面布局

Cascader 级联选择器选择地址插入table,插入的数据可删除,可添加岗位

页面布局代码:

placeholder="请选择指定发放地区"

:options="cityOptions"

:props="{ checkStrictly: true }"

clearable

filterable

v-model="areaCodeAll"

style="width: 350px;"

@change="getCityFn"

ref="myCascader"

>

针对全国发放就选中全国,针对指定区域发放就选中指定地区

先选择指定地区,然后点击右侧的确定按钮才算成功指定投放

:header-cell-style="{background:'#f4f4f5'}">

header-align="center" align="center">

{ {scope.row.professions.map(it => it.name).join(',') ||

'岗

你可能感兴趣的:(vue表格刷新数据)