zoukankan      html  css  js  c++  java
  • iview的坑级bug

    1.怎么清除iview中下拉列表中的数据

    <Select
                    v-model="newUser.parent"
                    placeholder="一级服务"
                    ref="resetSelect"
                    clearable
                    style=" 220px">
                    <Option
                      v-for="item in parentList"
                      :value="item.serviceId"
                      :key="item.serviceId">{{ item.serviceName }}
                    </Option>
                  </Select>
     
    //iview中select中放入 ref="resetSelect"   并且配置属性clearable
    this.$refs.resetSelect.clearSingleSelect()
     

    2.iview 下拉框清空问题,清除遗留的focus样式

    <Select clearable :disabled="isSee" v-model="formData.baseId" placeholder="请选择行业"
    name="select" ref='可自定义,但是必须要存在'>
    <Option
    v-for="item in categoryList"
    :value="item.id"
    :key="item.id"
    >{{ item.name }}</Option>
    </Select>
    首先我们需要一个固定name做全局响应

    然后,去mixin.js也就是一个公共js中去改写并利用iview源码的规则清空focus存在的样式

    handleCancleModel() {
    // 取消创建
    this.showDrawer = false
    Object.keys(this.$refs).forEach((item) => {
    if (this.$refs[item] && this.$refs[item].name === 'select') {
    this.$refs[item].reset()
    }
    })
    this.$emit('close')
    this.handleReset()
    },
    清除的就是下面这个灰色样式

  • 相关阅读:
    Android AndroidManifest 清单文件以及权限详解!【转】
    java的几个版本以及jre,jdk等概念——【转载】JDK、Java SE、Java EE、Java ME我该选
    eclipse中的两种Jre 及 Jre与Jdk的区别
    LAMP_yum安装
    CentOS7修改主机名(hostname)
    Linux下U盘挂载
    mount命令
    vmware虚拟机无法连接网络
    shell中awk printf的用法
    scp命令
  • 原文地址:https://www.cnblogs.com/qdwz/p/14510617.html
Copyright © 2011-2022 走看看