【Vue】列表嵌入下拉框

最新推荐文章于 2023-08-06 23:17:06 发布

种下星星的日子

最新推荐文章于 2023-08-06 23:17:06 发布

阅读量1.7k

点赞数

分类专栏：【Web前端】【VUE】文章标签： vue

本文链接：https://blog.csdn.net/hongwei15732623364/article/details/96496802

版权

本文介绍如何在Vue应用中将下拉框组件嵌入到列表中，通过实例代码展示了具体实现过程。总结指出，虽然掌握了双向绑定等基本操作，但要精通Vue，还需深入学习更多细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何将下拉框嵌入列表，如下：
在这里插入图片描述
实现代码：

<el-table
  border
  :data="linkData">
  <el-table-column
    label="终端"
  >
    <template slot-scope="scope">
      <el-select v-if="scope.row.addSign" v-model="dataForm.terminal" @change="getLinkDataForAdd(null)" :rule="dataRule">
        <el-option
          v-for="item in terminalOptions"
          :key="item.value"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>
    </template>
  </el-table-column>
  <el-table-column
    label="功能分类"
  >
    <template slot-scope="scope">
      <el-select v-if="scope.row.addSign" v-mo