vue16-is属性

- 日理万妓 2022-05-10 00:52 125阅读 0赞

首先看下面代码：

<!DOCTYPE html>
    <html lang=en>
        <head>
            <meta charset="utf-8"/>
            <title>Hello world</title>
            <script src="vue.js"></script>
        </head>
        <body>
            <div id="root">
                <table>
                    <tbody>
                        <row></row>
                        <row></row>
                        <row></row>
                    </tbody>
                </table>
            </div>
    
    
            <script>
                Vue.component("row",{
                    template:'<tr><td>this is a row</td></tr>'
                })
    
    
                var vm = new Vue({
                   el:"#root"
                })
    
            </script>
        </body>
    </html>

渲染后会出现问题，看页面源码，tr标签会跑到table外面，这是因为row不是table中的标签，渲染时移到外面了。

![70][]

解决办法，用is属性，指定组件就可以了

<tr is="row"></tr>
                        <tr is="row"></tr>
                        <tr is="row"></tr>

[70]: /images/20220510/0cfe9685d9ea47c5a1f559abb69fe931.png

发表评论取消回复

表情：

评论列表（有 0 条评论，125人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 属性 computed

computed相比methods会有缓存 <body> <div id="app"> <div>{ {msg}}</div

Love The Way You Lie/ 2023年01月07日 08:51/ 0 赞/ 137 阅读

相关 is属性用法 vue_vue 动态组件(component :is) 和 dom元素限制(is)用法说明

一、is的使用参考Vue 2.0教程，有讲到 is 的使用：解析 DOM 模板时的注意事项有些 HTML 元素，诸如、 1. 、这会导致我们使用这

女爷i/ 2022年10月24日 11:52/ 0 赞/ 429 阅读

相关【Vue】—props属性

【Vue】—props属性 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

谁借莪１个温暖的怀抱￠/ 2022年09月03日 14:29/ 0 赞/ 163 阅读

相关【Vue】—计算属性

【Vue】—计算属性 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

港控/mmm°/ 2022年09月03日 14:18/ 0 赞/ 170 阅读

相关 Vue计算属性

计算属性就是当其所依赖的属性的值发生变化的时候，这个属性的值会自动更新，与之相关的东西也会自己更新。计算属性可以完成各种复杂的逻辑，但是最终都要返回一个结果。计算属性可以依赖多

本是古典何须时尚/ 2022年05月20日 08:34/ 0 赞/ 289 阅读

相关 vue16-is属性

首先看下面代码： <!DOCTYPE html> <html lang=en> <head> <meta charse

- 日理万妓/ 2022年05月10日 00:52/ 0 赞/ 126 阅读

相关 vue组件is属性详解

查看官网对is属性的讲解，请移步：[vue.js][] 本文[参考资料][Link 1] 在vue.js组件教程的一开始提及到了`is特性` ![1488621-2019

我就是我/ 2021年12月18日 07:47/ 0 赞/ 238 阅读

相关 vue监听属性

监听属性本章节，我们将为大家介绍 Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化。以下实例通过使用 watch 实现计数器：

た入场券/ 2021年10月20日 01:24/ 0 赞/ 332 阅读

相关 Vue计算属性

计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div id="example

￡神魔★判官ぃ/ 2021年10月20日 00:24/ 0 赞/ 375 阅读

相关 Vue.js is 属性如何实现页面异步路由

\\在html中很多语法都是固定的写法比如 ul 里面只能是 li tr里面是td 而is的这个属性就是为了里面元素的复用跟开发便捷 is特性——就是有些元素内部不

男娘i/ 2021年07月24日 21:42/ 0 赞/ 196 阅读