elementUI table 嵌入tree與input

table裏面嵌入 tree:

select-tree是自己封裝的樹結構

 <el-table-column property="tree" label="下拉數" align="center" width="200px">
          <template slot-scope="{row}">
            <select-tree v-model="row.tree" :options="tree" :props="defaultProps"/>
          </template>
  </el-table-column>

table裏面嵌入 輸入框:

<el-table-column property="input" label="輸入框" align="center" width="200px">
          <template slot-scope="{row}">
            <el-input v-model="row.input"" placeholder />
          </template>
</el-table-column>

總結:

在table裏面加入template slot-scope="{row}" --> row表示這行;下面的參數row.xxx就可以在這行找到這個屬性.就可以實現自己需要的下拉框或者輸入框