IE vue.js组件 不能正常显示

子龙哦
  • 60

数据表格每个td比较复杂,选用vue tr 和 组件的is 属性,在chrome中正常显示,但是在IE表格不渲染
下面是组件模板

<script type="text/x-template" id="customername">
    <tr>
        <td>{{name.jobName}}</td>
           <td> 
               <p v-for="dtoLog in name.dtoLog" :data-height="countHeight" v-bind:style="{ height: dtoLog.countHeight * 50 + 'px', lineHeight: dtoLog.countHeight * 50 + 'px' }">
                <a v-bind:href="'/admin/registration/dispose?sub&jobId='+dtoLog.jobId+'&userId='+dtoLog.userId+'&userName='+dtoLog.name">{{dtoLog.name}}</a>
            </p>
        </td>
    </tr>
</script>

下面是在chrome中的结果
这是在chrome中的结果

下面是在IE中的结果
图片描述

之前在IE中使用template 标签包裹循环内容,但是在tbody中不能直接包含除tr之外的其他标签,所以使用组件,但是组件也是不work,求解

回复
阅读 6k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏