el-table 添加input ，并赋值

喵喵酱仔__

已于 2024-06-07 11:10:01 修改

阅读量233

点赞数 3

分类专栏： # element-plus使用 vue3（新常使用方法）文章标签： vue.js elementui javascript

于 2024-05-30 16:05:50 首次发布

本文链接：https://blog.csdn.net/qq_38210427/article/details/139327098

版权

element-plus使用 vue3（新常使用方法）专栏收录该内容

39 篇文章 0 订阅

订阅专栏

<template>
    <!-- 所有客户 -->
      <template v-for="(item, index) in labelList" :key="index">
        <div class="babel_all">
          <span v-if="item.type === 1"> 所有客户</span>
          <span v-if="item.type === 3"> 所有商机</span>
        </div>
        <el-table
          :data="item.tagsRuleList"
          border
          :row-style="{ height: '52px' }"
          :header-cell-style="{ background: '#F8F9FA', height: '50px' }"
          style="width: 100%"
        >
          <el-table-column prop="ruleName" label="销售行为" />
          <el-table-column label="时间限定">
            <template #default="scope">
              超过
              <el-input
                v-model="scope.row.timeValue"
                style="width: 76px; margin: 0px 10px"
                clearable
              />
              {{ scope.row.unit === "HOUR" ? "小时" : "天" }}{{ scope.row.ruleName }}
            </template>
          </el-table-column>
        </el-table>
      </template>

</template>
 
<script>
export default {
  const labelList= ref([
        {
          id: 1,
          type: 1,
          tagsRuleList: [
            {
              ruleId: 2,
              type: 1,
              ruleType: 1,
              ruleName: "首次跟进",
              timeValue: "3",
              unit: "HOUR"
            },
            {
              ruleId: 2,
              type: 1,
              ruleType: 2,
              ruleName: "跟进",
              timeValue: "24",
              unit: "HOUR"
            },
            {
              ruleId: 2,
              type: 1,
              ruleType: 3,
              ruleName: "成交",
              timeValue: "10",
              unit: "DAY"
            }
          ]
        },
        {
          id: 1,
          type: 3,
          tagsRuleList: [
            {
              ruleId: 2,
              type: 1,
              ruleType: 1,
              ruleName: "首次跟进",
              timeValue: "3",
              unit: "HOUR"
            }
          ]
        }
      ])
</script>