后台管理----新建和编辑hooks 封装

1.在views/user 文件 新建一个model.config.ts 的配置文件,这个配置文件模态框

2.在components 新建一个文件专门放入这个模态框的组件

3.既然要显示这个模态框,必然是要监听这个事件的点击

在page-content.vue 里面  新建用户和编辑都各绑定一个事件

 将这个两个事件发出去

4.在user.vue 父组件里面监听这两个事件(这里是监听page-content 发出的两个事件)

 5.在对这两个事件去做具体的操作

6.把编辑用户里面item 想办法传给pageModel,让pageModel 对formData 进行修改就可以了 

 怎么样才能把这个item 传进来呢?

在父组件user 页面定义一个 默认初始化的值

在把这个值传给page-model

 

在page-Modal 需要对这个defaultInfo 做一个接收

 拿到最新的值对formData 进行一个设置

优化:

可以将 user 组件里面的一大段逻辑封装成一个hooks

然后在页面引入进行使用就可以了

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值