'岗
实现功能:
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 和 Element UI 实现表格数据的动态插入、更新以及弹窗选择数据后回显。详细讲述了通过级联选择器选择地址插入表格,以及在表格中添加、删除数据的逻辑。同时,文章还涵盖了点击表格按钮时保持选中状态的实现,以及如何在弹窗中选择岗位并保存后回显到表格。
最低0.47元/天 解锁文章
2512

被折叠的 条评论
为什么被折叠?



