vue触发模拟点击效果功能

vue模拟点击功能

Sam young

4442人浏览 · 2022-09-08 11:09:29

Sam young · 2022-09-08 11:09:29 发布

代码

 <template>
  <el-cascader
    v-model="select"
    :props="props"
    :placeholder="placeholder"
    :size="size"
    @change="handleChangeValue"
    ref="mCascader"
  ></el-cascader>
 </template>


....
<script>
 onOpen() {
    (this.$refs.mCascader as any).$el.click();
  }
</script>

Vue

前往低代码交流专区

更多推荐

· vue 表单验证
· echarts堆叠柱状图
· Vue里echarts根据页面大小动态调整/自适应

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}$/, //不连续的两位字母// /^