给el-select的change事件传自己想要的参数

这篇具有很好参考价值的文章主要介绍了给el-select的change事件传自己想要的参数。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

可以写成箭头函数:  @change="(e) => changeUp(e, is)"

 <el-date-picker

            @change="(e) => changeUp(e, is)"

            v-model="domain.begin"

            type="datetime"

            placeholder="选择日期时间"

          >

   </el-date-picker>

扩展其他的函数传参:

需要把该函数的参数全部写完之后,后面的参数才是自己传的参数

例如:校验函数    正常使用时我们会只传前面三个参数,后面想获取当前的index的值,必须把自身的四个参数全写,第五个参数index才是我们自己的参数

:rules="{

            validator: (rule, value, callback, prop) =>

              changeBig(rule, value, callback, prop, index),

            trigger: 'change', 

        }"

 changeBig(rule, value, callback, prop, i) {

      if (!value) {

        return callback();

      } else {

        let now = new Date();

        let timeUps = new Date(this.dynamicValidateForm.domains[i].begin);

        let timeDowns = new Date(this.dynamicValidateForm.domains[i].end);

        console.log("noe", now < timeUps, now, timeUps);

        if (now >= timeUps) {

          return callback(new Error("请选择当前以后的时间"));

        } else {

          if (timeUps >= timeDowns && timeDowns) {

            return callback(new Error("下架时间不得早于上架时间"));

          } else {

            callback();

          }

        }

        console.log("时间选择了xxx", value);

      }

    },文章来源地址https://www.toymoban.com/news/detail-813919.html

到了这里,关于给el-select的change事件传自己想要的参数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Element VUE修改 el-input和el-select长度

     没有设置样式之前,采用默认样式,界面如下:  模拟代码如下  为了美观需要修改下样式,使文本框与下拉框的长度一致 第一种:添加style属性,采用行内样式修改长度  第二种:添加class属性,采用内部样式  stule标签中设置长度 第三种:找到element-ui.scss,采用外部样式

    2024年02月11日
    浏览(55)
  • (vue)el-select选择框加全选/清空/反选

    js 解决参考 1.全选/清空/反选 2.全选/反选

    2024年04月25日
    浏览(47)
  • vue+elememt-ui el-select组件封装

    最终效果图: 用的是vue2写法,喜欢用vue3的同学可以自行修改下。 需求要求 : 实现el-select功能复用; 支持单选或者多选功能; 支持全拼或者简拼搜索功能; 直接上代码: pinyin.js文件 希望对大家有帮助哟!

    2024年02月12日
    浏览(36)
  • 在vue里面,element ui,el-select表单选中校验失败

    在element 表单中我们需要校验,当表单中有数据变动时,会触发检验。 提示:这里描述项目中遇到的问题: 在项目中,提交时下拉菜单没有选,会触发校验提示,去选中下拉菜单的数据,不会再次触发校验,导致校验提示文字依然存在 一般来说遇到了校验失效问题,有值的

    2024年02月12日
    浏览(48)
  • Vue3+element ui取消el-select下拉选边框

    需求是: 取消下拉选的边框,并且修改下箭头的图标,从其他博主那拼凑修改出来的,适用于我项目的方法,在此做个记录 修改前 修改后 css样式

    2024年02月15日
    浏览(64)
  • Vue+ElementUI el-select选择器:绑定的值为对象

    业务需求: el-select选择器,后台接口需要的参数为name,name会存在重复情况,前端唯一标识选择用id,所以最后决定使用select绑定对象值将数据保存下来。 实现思路: 常规的select选择器,v-model 形式绑定的参数只能是boolean,string,number,但是仔细翻阅官方文档发现,selelct是可以

    2024年02月14日
    浏览(44)
  • vue element 编辑下拉框el-select不能回显的问题

    本人的需求是点击表格里面的编辑按钮,把数据回显到弹窗内,其他的都能回显,但是就下拉框不能正常的回显 本人后端人员,有不对的地方,勿喷 这是因为点击编辑,收集到下拉框的value是一个数字导致的,传值应该是 ‘1’ 而不是 1 解决办法一:,给弹窗子组件传参的时

    2024年02月11日
    浏览(40)
  • vue拿到下拉框el-select的选择项的value和label

    1.单独一个下拉框时 2.el-table每行数据都有下拉框时   思路: 1.首先选择下拉框事件拿到选择的这行数据scope.row  2.其次去遍历绑定的下拉框数据,使用find()方法查找item.value === row.value  3.找到则返回对应的row.label   4.最后将label值以键值对形式加到row对象中 代码实例:

    2024年02月11日
    浏览(121)
  • Vue3 element-plus el-select 无法选中,又不报错

    html 结构 js 代码 点击下拉选项,输入框无法选中 原因:ref=“conditionForm” 和 :model=“conditionForm” 冲突了, 4-1. 再Vue2里面 :model=“conditionForm” 绑定的是 conditionForm 变量, ref=“conditionForm” 绑定的是conditionForm字符串 v-model=“conditionForm.personnel” 绑定的 conditionForm 变量下属性

    2023年04月27日
    浏览(47)
  • vue+elementUI el-select 中 没有加clearable出现一个或者多个×清除图标问题

    1、现象:下方截图多×清除图标了 2、在全局common.scss文件中加一个下方的全局样式noClear 3、在多×清除图标的组件上层div加noClear样式 4、 ×清除图标去除成功

    2024年01月19日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包