菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
299
0

小谢第18问:如何让element-ui的弹出框每次显示的时候初始化,重新加载元素?

原创
05/13 14:22
阅读数 31228

dialog中有个子组件,新增和编辑都会使用该组件,现在遇到的问题是完成一次新增/编辑操作之后再次打开dialog的时候,表单中还残留着上一次填写的数据,有没有办法在dialog每次显示的时候根据action做一次“初始化”来清空一下data?

<el-dialog title="提示" :visible.sync="dialogVisible"

在dialog上面添加v-if='dialogVisible'

<el-dialog title="提示" :visible.sync="dialogVisible" v-if='dialogVisible'

这样就初始化了

原因:加载v-if之后,在每次加载modal的情况下,会重新渲染一遍页面元素,因此会重新请求数据

发表评论

0/200
299 点赞
0 评论
收藏