v-for="it in deliverGoodsData.expressCompanyList" :label="it.dictValue" :value="it.dictValue" :key="it.dictValue" ></el-option> </el-select> <el-input style="display: inline-block; width: 260px" v-model="item.expressNo" placeholder="请输入快递单号" ></el-input> <el-button v...
@change="(event) => changeDate(event, item)" /> <!-- 复选框 --> <el-checkbox-group v-else-if="item.type == 'checkBox'" v-model="ruleForm[item.valueKey]" :disabled="item.disabled ? true : false"> <el-checkbox v-for="(dict, num) in item.options" :key="num" :value="d...
表单的 input 输入框如果要设置校验条件,需要先创建对应的规则,再将规则和表单关联在一起,就能实现表单内容的校验。 校验规则需要用到一个第三方库 async-validator,这个库不需要额外安装,因为它已经集成在 element-plus 中了。 在setup() 中声明一个变量 rules,这个变量就是来创建 el-input 标签的校验规则。 变...
于是,我就去看element-plus里面的el-input的结构,发现最深层依然存在input,于是就写了一个辅助方法,可以判断当前指令绑定的dom是否为input元素,如果当前自定义指令就是绑定在input元素上,就不需要再进行处理了,如果不是,就进行递归操作,向更深层次去查找 将找到的第一个input元素作为处理的元素,在后续的弹框虚拟键盘...
el: '#example-3', data: { checkedNames: [] } }) 1. 2. 3. 4. 5. 6. 4单选按钮 <div id="example-4"> <input type="radio" id="one" value="One" v-model="picked"> <label for="one">One</label> <br> <input type="radio" id="two" value="Two" v-model="picked"> ...
<el-row :gutter="20"> <el-col :span="16"> <el-input placeholder="请输入内容" v-model="searchdata" @clear="handleClear" clearable></el-input> </el-col> <el-col :span="8"> <el-button @click="handleSearch">搜索</el-button> ...
<el-input v-model="ruleForm.title"placeholder="请输入80个字符以内标题":clearable="true"label-width="100%"maxlength="80"autocomplete="off"/> </el-form-item> <el-form-item prop="img"class="upload"label="上传图片"v-loading="loading"> ...
--表单item组件,采用动态组件的方式--><templatev-else><component:is="ctlList[getCtrMeta(ctrId).controlType]"v-model="formModel[getCtrMeta(ctrId).colName]"v-bind="getCtrMeta(ctrId)"@myChange="mySubmit"></component></template></el-form-item></el-col></el-row></el-form>...
.value" :type="item.timeType" :value-format="item.valueFormat" @change="timeChange" /> </el-form-item> </span> </el-form> <el-button icon="el-icon-refresh-left" @click="reset"> 重置 </el-button> <el-button type="primary" icon="el-icon-search" @click="query">查询</el-...
my-change 是自定义的事件。 方法 一直都忽略了,还有方法这个事,因为基本没用过。 使用方法嘛,就需要使用 ref,这个此 ref 非彼 ref,说不清了,还是写代码吧。 直接使用的方法 直接使用UI库组件的方法,比如 el-input 的 提供的 select: <el-input