技術標籤：Vueelementuielementuivue

需求：基於elementui在表格裡面可輸入

要怎麼實現呢？我們的思路肯定是在表格裡面放input，然後把input邊框隱藏起來，就可以做到表格可輸入

//template裡
<table>
     <tr>
         <th>地區</th>
         <th>人數</th>
     </tr>
      <tr>
         <td>上海區</td>
         <td>
 

         	<el-input v-model="dataForm.rmks" style="border: none"></el-input>
         </td>
      </tr>
      <tr>
         <td>北京區</td>
         <td>
            <el-input v-model="dataForm.seq" style="border: none"
 
></el-input>
         </td>
      </tr>
</table>

//scss裡面寫入，主要是深度選擇器可以隱藏input邊框 
table, th, td {
    border: 1px solid #d6d6d6;
    border-collapse: collapse;
    border-spacing: 0;
  }

  table {
    td, th {
      padding: 0;
    }

    td {
      text-align: center;

      /deep/ .el-input__inner {
        border: none
      }
    }

    width: 100%;
  }