开发指南060-前端el-dialog小技巧小经验

1、:close-on-click-modal="false"

必须加这个,否则用户点下对外话框外就关闭对话框,引起误解(是不是设计者觉得有用,默认值为true了,感觉是开发者思维和使用着思维不对等)

2、:append-to-body="true"

不设的话,对话框里套对话框会出问题。(也是不知道默认为啥是false,设为false有啥好处)

3、 内部引用的组件,要用v-if等于:visible.sync对应的值,否则再次执行时,组件的mounted是不执行的。

4、关闭对话框后,往往需要刷新,这个动作写到close事件里。

===============持续更新========================

相关推荐
不想上班只想要钱1 小时前
vue3使用<el-date-picker分别设置开始时间和结束时间时,设置开始时间晚于当前时间,开始时间早于结束时间,结束时间晚于开始时间
前端·javascript
Li_Ning211 小时前
为什么 Vite 速度比 Webpack 快?
前端·webpack·node.js
2501_915373881 小时前
Electron 入门指南
前端·javascript·electron
同志327132 小时前
用HTML+CSS做了一个网易云音乐客户端首页
前端·css
小猪欧巴哟2 小时前
pnpm install 安装项目依赖遇到 illegal operation on a directory, symlink 问题
前端·vue.js
独角仙梦境2 小时前
🚀🚀🚀学习这个思路,你也能手撸自己的专属vip脚手架🚀🚀🚀
前端
CJWbiu2 小时前
Github Action + docker 实现自动化部署
前端·自动化运维
关山2 小时前
在TS中如何在子进程中动态实例化一个类
前端
吃瓜群众i2 小时前
兼容IE8浏览器的8个实用知识点
前端·javascript
前端烨2 小时前
vue3子传父——v-model辅助值传递
前端·vue3·组件传值