中文网站的seo怎么做,建站开发,wordpress文章页有英语,企业官网和小程序的区别一、现象#xff1a;vue3 element-plus项目#xff0c;本地启动时#xff0c;页面所有操作都正常#xff1b;部署到生产环境后#xff0c;el-dialog、el-drawer弹框报错。 这个弹框报错问题#xff0c;困扰好几天#xff0c;查阅资料#xff0c;可能是如下几个问题。 …一、现象vue3 element-plus项目本地启动时页面所有操作都正常部署到生产环境后el-dialog、el-drawer弹框报错。 这个弹框报错问题困扰好几天查阅资料可能是如下几个问题。 我这个项目给弹框添加 destroy-on-close解决了。
二、解决方案
1. el-dialog 组件导致
默认弹框是关闭的DOM中没有弹框中的内容。打开弹框再关闭后弹框中的 DOM 元素没有被销毁可能会因为不该存在的 DOM 元素而报错我的报错就是由此导致。
解决方案给 el-dialog 组件增加 destroy-on-close 属性
2. v-if导致
在 v-if 值为 false 时如果操作了 v-if 控制的 DOM可能会因为该 DOM 元素不存在而报错。
解决方案v-show 替换 v-if
3. el-table 组件导致
el-table-column渲染时报错若 scope.row.fieldfield为任意字段值不存在对其直接执行 length、toString() 等方法而报错先判断字段是否存在。
el-table-columnlabel日期template v-slot{ row }{{ row row.time ? dayjs(row.time).format(YYYY-MM-DD) : }}/template
/el-table-column