关于#elementui#的问题：想把输入的A值和B值展示在详情页面

Question

想把输入的A值和B值展示在详情页面

写成这样的 把A和B替换成我新增时输入的数字

Answer 1

把 el-option label 属性动态绑定一下就行 我写了个简单的没写检验啥的你可以参考一下

<template>
  <div>
    ---------------------------------------------------------------
    <el-form class="home" ref="form" :model="form">
      <el-form-item label="触发条件：">
        <el-select v-model="form.region" placeholder="触发条件">
          <el-option :label="'数值大于' + date1 + '小于' + date2" value="0"/>
          <el-option :label="'数值大于' + date1" value="1" />
          <el-option :label="'数值小于' + date2" value="2" />
        </el-select>
        <input class="input" type="text" placeholder="请输入A" v-model="form.date1"/>
        <input class="input" type="text" placeholder="请输入B" v-model="formdate2"/>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      
      form: {
        region: "",
        date1: "",
        date2: "",
      },
    };
  },
};
</script>