版本信息：
vue.js 3.3.4
Element Plus 2.3.12
瀏覽器 Chrome Version 116
--
坑描述
試驗 Element Plus 之 分頁時，出現了異常——之前開發的 彈窗 打不開了。
Pagination 分頁：
https://element-plus.org/zh-CN/component/pagination.html
在頁面加里了一些 彈窗（對話框）：<el-dialog>元素——以 </el-dialog> 結尾（同官網）。
一切正常。
打開 Pagination 分頁 頁面，添加最簡單的 分頁元素：
<el-pagination layout="prev, pager, next" :total="50" />添加後，分頁元素顯示正常。
此時，以爲一切順利了，但在點擊 之前的 對話框彈窗 時，出現了異常：彈窗打不開。同時，瀏覽器 的 控制檯（Console）中沒有提示任何錯誤。
坑解決
解決這種錯誤的方式：修改 <el-pagination> 元素的使用方式——使用 </el-pagination> 結尾。
修改後，一切正常了。
坑分析
和我使用 vue.js 3.0 的方式有關——直接導入 JavaScript，而不是使用 模板解析器 解析；
如果使用 模板解析器，類似問題應該不會發生。
下面 vue.js 官文所示：
https://cn.vuejs.org/guide/essentials/component-basics.html#dom-template-parsing-caveats
此坑和 之前一篇博文 的原因類似，算是 初步找到問題原因了。
---END---
本文鏈接：
https://www.cnblogs.com/luo630/p/17678042.html
參考資料
1、Web前端開發最佳實踐（5）：正確閉合HTML標籤，停止使用不標準的標籤和屬性
https://www.cnblogs.com/dangjian/p/4238150.html
posted @ 2015-01-21 10:40 dangjian
2、
ben發佈於博客園
ben發佈於博客園