当使用 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 组件

最新文章

  1. HTTP学习笔记(五)
  2. A*啦啦啦
  3. Android 启动模拟器是出现“Failed to allocate memory: 8”错误提示的原因及解决办法
  4. 【设计模式 - 13】之责任链模式(Chain Of Responsibility)
  5. solr和mongodb比较
  6. ThinPHP第二十七天(kindEditor使用,$.each)
  7. 线段树(hdu 1556)
  8. Linux 修改环境变量报错
  9. Weblogic10 集群配置
  10. [Swift]LeetCode617. 合并二叉树 | Merge Two Binary Trees
  11. qt实现头像上传功能
  12. Java基础_0303:封装性初步
  13. halcon模板匹配
  14. DVWA的Xss跨站总结
  15. 在Visual Studio中使用类图描述领域模型
  16. android布局layout中的一些属性
  17. zz 史上最全--各银行借记卡的年费、小额管理费、转账费等!
  18. python【内置函数&amp;自定义函数】
  19. linux下强制退出指定用户开启的伪终端
  20. LeetCode一句话题解

热门文章

  1. 【bzoj1367】[Baltic2004]sequence 可并堆
  2. [POJ2942][LA3523]Knights of the Round Table
  3. css iframe边框去掉
  4. 向量内积(bzoj 3243)
  5. Android解析XML之SAX解析器
  6. linux内核之系统调用nanosleep与pause()
  7. git使用代理clone加速
  8. PHP操作MongoDB(增删改查)
  9. Python学习杂记_7_文件操作
  10. hdu 4520