Vue table使用transition组件过渡动画

        
            
            
       
check name delete
{{task.name}}

一开始用TRANSITION组件老是不成功,后来才知道要用IS绑定,再后来在文档找到的解释如下:

DOM 模板解析注意事项

当使用 DOM 作为模板时 (例如,使用 el 选项来把 Vue 实例挂载到一个已有内容的元素上),你会受到 HTML 本身的一些限制,因为 Vue 只有在浏览器解析、规范化模板之后才能获取其内容。尤其要注意,像 

      <table>
        <my-row>...my-row>
      table>
      

      自定义组件  会被当作无效的内容,因此会导致错误的渲染结果。变通的方案是使用特殊的 is 特性:

      <table>
        <tr is="my-row">tr>
      table>

      应当注意,如果使用来自以下来源之一的字符串模板,则没有这些限制:

你可能感兴趣的:(Vue)