vue input输入框联想输入

input 联想输入框<el-form label="新管理员:" ref="transferDataForm"><el-select v-model="transferDialogForm.entity.createBy"...

Code@Z

3336人浏览 · 2019-05-07 18:42:26

Code@Z · 2019-05-07 18:42:26 发布

input 联想输入框

<el-form label="新管理员:" ref="transferDataForm">      <!-- key="temp.useridList" @change="changeUserid" -->
        <el-select v-model="transferDialogForm.entity.createBy"  filterable clearable placeholder="请选择" style="width: 60%">
          <el-option
            v-for="item in userListDict.options"
            :key="item.id"
            :label="item.username + '-'+ item.realname"
            :value="item.username">
          </el-option>
        </el-select>
      </el-form>

ps：clearable 单选，multiple多选

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^