Vue中的is属性
在组件的使用中,比如需要在table中将tr定义为一个组件时,如下:<div id="root"><table><tbody><row></row><row></row></tbody></table></div><scrip...
·
在组件的使用中,比如需要在table中将tr定义为一个组件时,如下:
<div id="root">
<table>
<tbody>
<row></row>
<row></row>
</tbody>
</table>
</div>
<script>
Vue.component("row", {
template: "<tr><td>这是一个tr组件</td></tr>"
});
var vm = new Vue({
el: "#root"
});
</script>
实际视图结果如下:
正常情况下,三个应该在中,但是这里,标签被浏览器解析到
可以通过以下方式解决:
<div id="root">
<table>
<tbody>
<tr is="row"></tr>
</tbody>
</table>
</div>
<script>
Vue.component("row", {
template: "<tr><td>这是一个tr组件</td></tr>"
});
var vm = new Vue({
el: "#root"
});
</script>
同理,在其组件中遇到其他标签例如:
-
- 中的
更多推荐
已为社区贡献7条内容
所有评论(0)