table用模板生成的问题

在使用<template></template>存放HTML模板标记时,发现一个烦人的问题,表格不行.

<template>

  <table>

    <tr><th>表头部分</th></tr>

    ${行占位符}

  </table>

</template>

<template>

    <tr><td>内容行部分</td></tr>

</template>

// 第一个模板标记内放表头,里面有一个行的占位符,第二个放行.

// 生成完行的DOM后,替换占位符时,死活不能替换到占位符的位置,而是替换到了表格元素的外面

// 看来表格元素是不允许直接含有不是tr的元素的,即使这个表格在template元素里,也不行.

// 最终 只好用了最原始的办法 ,拼字符串.模板也去掉了table元素变成这样了

// 对于健忘的人,只好记下,以免又浪费2小时.同时,期望不要忘了,曾经在什么时间,什么地点记录过这个问题.

<template>

    <tr><th>表头部分</th></tr>

    ${行占位符}

</template>

<template>

    <tr><td>内容行部分</td></tr>

</template>

 

posted @ 2018-05-04 23:08  mirrorspace  阅读(231)  评论(0)    收藏  举报