Vue table里嵌套template渲染时Chrome可能正常的,但是ie下可能会渲染不出来的情况,vue里table只能解析tr td无法,无法解析template,解决办法是:将该模块提取为组件形式即可解决该问题。下面是示例参考代码:
<!DOCTYPE html[]>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>
</title>
<script src="LoadJavaScript.js" type="text/javascript">
</script>
<script type="text/x-template" id="customer-table">
<table cellpadding="0" cellspacing="0" border="1" style="width: 100%;cell-padding:0; cell-spacing:0;word-break:break-all;border-collapse: collapse;">
<tr>
<td colspan="6" style="width:90%;text-align: center;">
<p><strong>评分因素与权重分值</strong></p>
</td>
<td rowspan="2" style="width:10%;text-align: center">
<p><strong>评分标准</strong></p>
</td>
</tr>
<tr>
<td style="width:10%;text-align: center;">
<p><strong>条款号</strong></p>
</td>
<td colspan="2" style="width:35%;text-align: center">
<p><strong>评分因素</strong></p>
</td>
<td style="width:10%;text-align: center">
<p><strong>评分因素权重分值</strong></p>
</td>
<td style="width:25%;text-align: center">
<p><strong>各评分因素细分项</strong></p>
</td>
<td style="width:10%;text-align: center">
<p><strong>分值 </strong></p>
</td>
</tr>
<tr>
<td colspan="1" :rowspan="gmodel.一信封施工组织设计评审.length+1" style="text-align: center;">