vue DOM模板解析
2024-09-08 01:40:43
当使用 DOM 作为模板时 (例如,使用 el
选项来把 Vue 实例挂载到一个已有内容的元素上),你会受到 HTML 本身的一些限制,因为 Vue 只有在浏览器解析、规范化模板之后才能获取其内容。尤其要注意,像 <ul>
、<ol>
、<table>
、<select>
这样的元素里允许包含的元素有限制,而另一些像 <option>
这样的元素只能出现在某些特定元素的内部。
在自定义组件中使用这些受限制的元素时会导致一些问题,例如:
<table>
<my-row>...</my-row>
</table>
自定义组件 <my-row>
会被当作无效的内容,因此会导致错误的渲染结果。
变通的方案是使用特殊的 is
特性:
<table>
<tr is="my-row"></tr>
</table>
应当注意,如果使用来自以下来源之一的字符串模板,则没有这些限制:
<script type="text/x-template">
- JavaScript 内联模板字符串
.vue
组件
最新文章
- HTTP学习笔记(五)
- A*啦啦啦
- Android 启动模拟器是出现“Failed to allocate memory: 8”错误提示的原因及解决办法
- 【设计模式 - 13】之责任链模式(Chain Of Responsibility)
- solr和mongodb比较
- ThinPHP第二十七天(kindEditor使用,$.each)
- 线段树(hdu 1556)
- Linux 修改环境变量报错
- Weblogic10 集群配置
- [Swift]LeetCode617. 合并二叉树 | Merge Two Binary Trees
- qt实现头像上传功能
- Java基础_0303:封装性初步
- halcon模板匹配
- DVWA的Xss跨站总结
- 在Visual Studio中使用类图描述领域模型
- android布局layout中的一些属性
- zz 史上最全--各银行借记卡的年费、小额管理费、转账费等!
- python【内置函数&;自定义函数】
- linux下强制退出指定用户开启的伪终端
- LeetCode一句话题解