vue获取当前点击的元素并传值的实例
html:
<span @click='zan(pl.id)' :data-id='pl.id'></span>
js:
zan(e){ var target=event.target; var dataid=e;//(pl.id的值); $(target)//当前点击的dom }
以上这篇vue获取当前点击的元素并传值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
您可能感兴趣的文章:
- Vue.js中兄弟组件之间互相传值实例
- vue.js获得当前元素的文字信息方法
相关推荐
-
vue.js获得当前元素的文字信息方法
1.获得当前点击的内容 <li @click="problem1"> 1. <span class="blue">关于公众号使用问题</span> <img src="../img/right.png" alt=""/> </li> 当我点击这个li标签的时候,我想要获得span里面的文字,可以使用这个方法: problem1: function(e){ consol
-
Vue.js中兄弟组件之间互相传值实例
兄弟组件之间互相传值,需要建立一个"中转站"(新的vue实例),并且需要主动触发. 实例上的$on方法来接受监听. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件传值</title> <script src="vue.js"></script
-
vue获取当前点击的元素并传值的实例
html: <span @click='zan(pl.id)' :data-id='pl.id'></span> js: zan(e){ var target=event.target; var dataid=e;//(pl.id的值); $(target)//当前点击的dom } 以上这篇vue获取当前点击的元素并传值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们. 您可能感兴趣的文章: Vue.js中兄弟组件之间互相传值实例 vue.js获得
-
vue 的点击事件获取当前点击的元素方法
首先 vue的点击事件 是用 @click = "clickfun()" 属性 在html中绑定的, 在点击的函数中 添加$event 参数就可以 比如 <button @click = "clickfun($event)">点击</button> methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 } }, 以上这篇vue 的点击事件获取当前
-
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
:id绑定 :id="'a_'+index" 输出的id为a_0,a_1..... <div v-for="(item,index) in list" :key="index" > <div :id="'a'+index" @click="b(index)">哈哈哈</div> </div> 然后在vue的实例中就可以拿到对应的id b(index){ thi
-
使用vue点击li,获取当前点击li父辈元素的属性值方法
vue实现加载并展示后台数据的tab选项卡 vue用于渲染页面 jquery用于方法实现动态效果 <div class="content"> <!-- change方法, 数值改变触发 --> <select v-on:change="getData()" name="" id="dataSelect"> <option value="" v-bind:name=&
-
jQuery获取当前点击的对象元素(实现代码)
jQuery获取当前点击的对象元素(实现代码) <script type="text/javascript" src="script/jquery-1.8.3.js"></script> </head> <body> <p>段落1</p> <p>段落2</p> <p>段落3</p> <p>段落4</p> <p>段
-
vue父组件点击触发子组件事件的实例讲解
最近在学习Vue父子组件通信的问题,刚好遇到一个父子之间事件事件派发与接收,在这里记录一下,在这里我使用的是ref 给子组件注册引用信息.官网是这样解释的 ref 被用来给元素或子组件注册引用信息.引用信息将会注册在父组件的 $refs 对象上.如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素; 如果用在子组件上,引用就指向组件实例: 父组件app.vue <template> <div id="app"> <!--父组件--> <
-
jquery获取form表单input元素值的简单实例
一般取值方法 $("#id").val(); $("#id").attr("value"); //其中value是元素的属性名如<s:textfield id="cifName" key="cifName" name="#request.consBean.cifName" />的id,key,name属性.取到的值是属性后对应双引号里面的字符. function sav
-
vue 获取及修改store.js里的公共变量实例
html <input type='text' :value='num'> <button @click='add'> + </botton> js data(){ return{ } }, methods:{ add(){ this.$store.commit('add',1) } }, computed:{ num:function(){ // 因为要做修改 num 的值 所以放在 计算属性里 return this.$store.state.num } } sto
-
jquery获取当前点击对象的value方法
例:获取ul中li的value值 首先,在html中我们要为每个li设置value值 复制代码 代码如下: <ul> <li value="你好"></li> <li value="hello"></li> <li value="=-="></li> </ul> 再通过jquery根据点击事件获取对应的value 复制代码 代码如下: $(docume
-
获取当前点击按钮的id用this.id实现
复制代码 代码如下: function getid(id) { alert(id); } <input id="btn1" type="button" value="test" onclick="return getid(this.id)" />
随机推荐
- PHP统计目录大小的自定义函数分享
- PHP操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
- 解决Codeigniter不能上传rar和zip压缩包问题
- ASP用JMail、CDO发送邮件
- mysql增删改查基础语句
- doctype后如何获得body.clientHeight的方法
- 让浏览器DOM元素最后加载的js方法
- js控制href内容的连接内容的变化示例
- centos7防火墙导致java程序访问mongodb3.0.1时报错的问题分析
- sqlserver 支持定位当前页,自定义排序的分页SQL(拒绝动态SQL)
- jQuery each()方法的使用方法
- jQuery输入城市查看地图使用介绍
- jQuery模拟select实现下拉菜单功能
- 使用jQuery内容过滤选择器选择元素实例讲解
- bootstrap实现图片自动轮播
- Java函数式编程(一):你好,Lambda表达式
- echarts图表导出excel示例
- Java开发中的容器概念、分类与用法深入详解
- c#获取字符串宽度的示例代码(字节数方法)
- Android中使用AndroidTestCase的方法实例