若字符串長(zhǎng)度<6,正常渲染，

若字符串超出6個(gè)字，則進(jìn)行分割，存入數(shù)組，

點(diǎn)擊展示剩余字符串內(nèi)容，圖中是jq實(shí)現(xiàn)，vue新手，請(qǐng)教下vue用v-for指令如何實(shí)現(xiàn)？

THML部分代碼：

      <tr class="hap_table_tr">
        <td class="hap_table_bank"><p>工行</p></td>
        <td><p>不準(zhǔn)入</p></td>
        <td><time>2018-05-23</time></td>
        <td class="hap_table_notes"><p class="hap_table_note">備注備注</p><i class="hap_table_drop1"></i></td>
      </tr>
      <tr class="hap_table_tr">
        <td class="hap_table_bank"><p>建行</p></td>
        <td><p>談費(fèi)率</p></td>
        <td><time>2018-05-23</time></td>
        <td class="hap_table_notes"><p class="hap_table_note">備注備注備注安大師傅</p><i class="hap_table_drop1"></i></td>
      </tr>
      <tr class="hap_table_tr">
        <td class="hap_table_bank"><p>農(nóng)行</p></td>
        <td><p>協(xié)議流轉(zhuǎn)</p></td>
        <td><time>2018-05-23</time></td>
        <td class="hap_table_notes"><p class="hap_table_note">即將拉開交流解決骷髏精靈</p><i class="hap_table_drop1"></i></td>
      </tr>