先看效果图
下拉框点击显示在文本框中
每点击下拉框,文本框都将数据嵌套进去
监测运算符是否已存在,如果存在则不显示运算符并提醒
代码
<template>
<div>
<el-form
:model="ruleForm"
status-icon
:rules="rules"
ref="ruleForm"
label-width="110px"
class="demo-ruleForm"
>
<el-form-item label="算法名称" prop="indexSystemName">
<el-input size="small" v-model="ruleForm.indexSystemName"></el-input>
</el-form-item>
<el-form-item label="函数" prop="algorithmName">
<el-select
style="width: 233px"
v-model="ruleForm.algorithmName"
@change="handleChangea"
size="small"
>
<el-option
v-for="(item, index) in options"
:key="index"
:label="item.label"
:value="item.value"
></el-option>
</el-select>