iview组件事件额外传参的解决办法

2026-09-08

iview 组件的额外传参问题记录

在使用iview组件的时候,经常遇到额外传参的问题,一般情况下可以使用以下2种方法都可以解决: 1.直接在方法后面输入参数,有的时候借用$event获取当前dom信息,在某些特定情况下可以将参数绑定在元素的dataset中获取. // 组件 <Input :value="item" @on-blur="changeQaItem($event,index)" /> // method changeQaItem(e,index){ console.log(e

angular2 post以“application/x-www-form-urlencoded”形式传参的解决办法

angular2 post以“application/x-www-form-urlencoded”形式传参的解决办法 http://blog.csdn.net/tianjun2012/article/details/51427417 https://www.cnblogs.com/zhangdongming/p/5856402.html 代码如下: authenticate(data) { var username = data.credentials.username; var passwor

tp5模板中js方法中url函数传参的解决办法

代码如下: layer.msg(data.msg, {icon: 1,time:1500,shade: 0.1}, function(index){ layer.close(index); var str = "{:url('product/add',['product_id'=>'p_id'])}"; var url = str.replace("p_id",data.p_id); window.location.href= url; }); 参考链接: h

【vue】父向子组件传参、子组件向父传参

1.父向子组件传参 App.vue为父,引入componetA组件之后,则可以在App.vue中使用标签(注意驼峰写法要改成componet-a写法,因为html对大小写不敏感,componenta与componentA对于它来说是一样的,不好区分,所以使用小写-小写这种写法). 而子组件componetA中,声明props参数’msgfromfa’之后,就可以收到父向子组件传的参数了.例子中将msgfromfa显示在<p>标签中. App.vue中 <component-a msgfr

IOS的Safari浏览器中，点击事件失效的原理及解决办法

这里做了事件委托,简单区分一下[目标元素]和[代理元素],为后续论述理解做铺垫. [目标元素]:实际希望点击的元素,可以是任意标签. [代理元素]:代替[目标元素]触发点击事件的元素,有可能是目标元素的父级元素,document,body等. 一.现象当使用事件委托给[目标元素]添加 click 事件时,如果[代理元素]是 document或body,并且[目标元素]是默认不可点击的(如 div, span 等),此时click事件会失效.如果[目标元素]是可点击的(比如 button.a 标

Ext JS treegrid 发生的在tree上增加itemclick 与在其它列上增加actioncolumn 发生事件冲突(event conflict)的解决办法

Ext JS treegrid 发生的在tree上增加itemclick 与在其它列上增加actioncolumn 发生事件冲突(event conflict)的解决办法最近在适用Ext JS4开发应用用的时候遇到了一个问题,前后考虑了很久并上网搜索了很多相关问题,都没有发现类似的问题的解决答案.今天早上过来上班的时候,突然想到了解决办法,现在拿出来给大家分享.虽然不是什么出众之比,但是希望在大家遇到这个类似的问题的时候有了参考. 问题描述:我做的一个应用类似于官方http://docs.se

(转载)js(jquery)的on绑定点击事件执行两次的解决办法

js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡遇到的问题:jquery中用.on()给页面中新加的元素添加点击事件时,点击事件源,绑定的事件执行两次,这里的alert会执行两次,相应地数组删除也执行两次,具体代码如下(其中.tabDel是页面加载之后新生成的元素,故不能用普通的$(‘.tabDel).click(function(){})的方法添加点击事件): $('.right').on('click','.tabDel',function(){//删除所

electron-vue中使用iview 报错this. is readonly的解决办法

title: electron-vue中使用iview 报错this. is readonly的解决办法 toc: false date: 2019-02-12 19:33:28 categories: Web tags: vue iview 报大段xxx is readonly的解决办法修改.electron-vue文件夹中的webpack.renderer.config.js内第22行的 let whiteListedModules = ['vue'] 为: let whiteListed

Chrome不能在网易网盘中上传文件的解决办法

Chrome不能在网易网盘中上传文件的解决办法1. 安装 Adobe Flash Player PPAPI,设置flash插件 chrome://settings/content/flash,许可[*.]126.com , [*.]163.com .更新 chrome://components 点地址栏前面的① 图标 ... 让所有网站默认都启用Flash Player https://jingyan.baidu.com/article/f96699bbf3ec88894e3c1

vue中组件间的传参

1.父传子父组件准备一个数据,通过自定义属性给子组件赋值,进行传递在子组件中通过 props 属性来接收参数 <body> <div id="app"> <son passdata="msg"></son> </div> </body> <script> Vue.component('son', { template: '<div>父组件的数据为:{{ passdat

TKinter当Label绑定bind事件时传参方法

记录下tkinter的当在label绑定bind事件时,遇到需要传参时的解决方法(因为有event存在所以不能直接传参) https://www.cnblogs.com/liyuanhong/articles/10718217.html pic_list[i * 4 + j].bind("<Button-1>",handlerAdaptor(handler,res_list=result_list)) def handler(event,res_list): print

vue.js 1中父组件跳到子组件中并传参让子组件显示不同的内容

父组件中的点击跳转: <ul class="insurance-entry clearfloat"> <li v-link="{name:'productlist',params:{id:1}}">1</li> <li v-link="{name:'productlist',params:{id:2}}">2</li> <li v-link="{name:'product

Spring Cloud feign GET请求无法用实体传参的解决方法

代码如下: @FeignClient(name = "eureka-client", fallbackFactory = FallBack.class, decode404 = true, path = "/client") public interface FeignApi { // @PostMapping("/hello/{who}") // String hello(@PathVariable(value = "who"

前端的事件冒泡（例如点击一次onclick事件执行两次）解决办法

问题概要: 当我运用antd 中 radio组件的时候发现radio组件是有bug的就是你不能给他赋予id 和 value,同时也绑定不上onclick等事件.举个例子: 可以看到你就算赋予了id 和value 前端页面渲染也是不正常的 value无论赋成什么结果都是on但是我还需要对他进行一些操作需要绑定他的onclick事件所以我得解决办法就是在radio标签外套了一层div 绑定了id属性,同时将onclick事件绑定在这层div上.当我们触发它时,通过jQuery的子选择器找到内

微信小程序子组件样式不起作用的解决办法

今天我在编写微信小程序项目时,发现父组件引用子组件过后,子组件的样式不起作用,在上网查了很多解决办法后,成功解决了这一问题. 解决办法: 1.在全局样式文件app.wxss中引入子组件的样式,如 @import "components/Tabs/Tabs.wxss"; 2.在子组件的js文件中添加如下代码 options: { addGlobalClass: true, }, 希望对大家有帮助!

layui动态添加的元素click等事件触发不了的解决办法

在页面加载完成时候 '.add_project' 元素是可以触发click时间的,当动态添加 '.add_project' 时候,新添加的元素却触发不了click事件,类似下面的写法: $(".add_project").on('click', function(){ alert('1') }); 解决办法很简单,就是用全局的document来监控 '.add_project' 元素,如下: $(document).on("click",".add_pro

hadoop上传文件失败解决办法

hadoop上传文件到web端hdfs显示hadoop could only be replicated to 0 nodes instead of 1解决办法错误状态:在hadoop-2.7.2目录下执行bin/hdfs dfs -put 被执行文件目标文件夹报错后解决! 分析:这是我启动DataNode后又格式化NameNode导致二者集群id不一样即二者无法形成关联就上传不了文件第一步:在hadoop-2.7.2文件夹下输入:cd data/tmp/dfs 第二步:ls -l 查看该

微信小程序之bindtap事件绑定传参

wxml代码: <view class='fen'> <text bindtap='prev' data-page="{{pageDang}}">上一页</text> <text bindtap='next' data-page="{{pageDang}}">下一页</text> </view> js代码: prev:function(e){ //当前页-1 var cnt=e.currentT

jQuery 事件函数传参异常identifier starts immediately after numeric literal

问题情境: var arr=[aabbcc,112233]; var html = ""; for(var i =0;i<arr.length;i++){ html += '<li id="'+arr[i]+'" onclick="select('+arr[i]+')">helloworld</li>' } $("ul").append(html); function select(id){ va

url传参和解决中文乱码

在A页面把参数传给B页面 index.html?name="张三" 在B页面接收(js) function getQueryString(name) { var result = window.location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i")); if (result == null || result.length <

iview组件事件额外传参的解决办法

热门专题