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

Question

数据表格每个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中的结果


下面是在IE中的结果

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

Answer 1

Vue官方称Vue.JS支持所有支持ES5的浏览器：
https://cn.vuejs.org/v2/guide...

但是IE10并不支持ES5：
http://caniuse.com/#feat=es5

所以，你可以先打开IE10的控制台，看下有没有什么报错，然后去找对应的Polyfill或者Shim模块，看下是否能够解决。