Vue3弹框进行数据编辑

基础思路就是编辑当前信息,弹框,修改后保存,数据即刻刷新

示例代码:

const editInfo = (info0) => {
  //深复制,防止编辑的时候更新页面绑定数据
  info.value = JSON.parse(JSON.stringify(info0));
  if (!info.value.value) {
    //这里是没有id的时候,使用随机的key作为key
    info.value.value = [{ name: "", key: nanoid() }];
  }
  //弹出框进行编辑操作
  dialogVisible2.value = true;
};

保存就无需写了

posted @ 2024-05-19 21:02  静坐仰望星空  阅读(86)  评论(0编辑  收藏  举报