click js自动点击 vue_vue.js2.0点击获取自己的属性和jquery方法
如下所示:
:data-index="index"
:dt="index"
v-on:click="onclick($event,index)"
:data-d ="JSON.stringify( item)"
href="http://www.baidu.com" rel="external nofollow" rel="external nofollow"
data-href="http://www.baidu.com" rel="external nofollow" rel="external nofollow" >
{{ item.text }}
new Vue({
el: '#dt',
data: {
items: [
{ text: '巴士' },
{ text: '快车' },
{ text: '专车' },
{ text: '顺风车' },
{ text: '出租车' },
{ text: '代驾' }
]
},
methods: {
onclick:function(event,index){
console.log(event.target)
console.log(index)
event.preventDefault();
event.stopPropagation();
console.log($("#dongtao").attr('id'))
console.log(event.target.parentNode.getAttribute("id"))
console.log('-------------------')
let target = event.target
console.log(target.getAttribute("data-index"));
console.log(target.getAttribute("href"));
console.log(target.getAttribute("data-d"));
document.getElementById('index').value = target.getAttribute("data-index");
}
}
})
// $('#dongtao').on('click', '.nihao', function(){
// console.log($(this).index() +"----"+"dddddddddddddddddd" )
// $(this).hide()
// })
//
// $("input").on('click', function(){
// alert(1111)
// })
以上这篇vue.js2.0点击获取自己的属性和jquery方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
click js自动点击 vue_vue.js2.0点击获取自己的属性和jquery方法相关推荐
- html元素中的click属性,从HTML中的onClick属性调用jQuery方法
我在整个系统中实现JQuery是比较新的,我正在享受这个机会. 我遇到一个问题,我想找到正确的决心. 以下是我想做的一个简单案例: 我在页面上有一个按钮,在点击事件我想调用一个我定义的jquery函数 ...
- js设置,获取,删除属性(setAttribute, getAttribute, removeAttribute)
设置,获取,删除属性 setAttribute() setAttribute() 方法添加指定的属性,并为其赋指定的值. 如果这个指定的属性已存在,则仅设置/更改值. getAttribute() g ...
- js自动触发点击事件
js自动触发点击事件 // 进入页面立即触发(()=>{// 兼容IEif(document.all) {document.getElementById("aid").cli ...
- html循环自动点击事件,js循环遍历ul中li的点击事件,给给选中li添加css
功能:对于一个ul中固定的li个数,当点击其中一个li时,改变选中li的颜色:同时改变对应的另一个ul中li的颜色 页面初始化的界面: HTML: 其他推荐: 10:21 10:22 10:25 10 ...
- js 自动点击HTML元素事件
js 自动点击事件 js部分 $(function () {document.getElementById("HTML元素id").click(); })
- .net 2.0 点击按钮用js控制是否回发关于vs2005的webproject补丁
.net 2.0 点击按钮用js控制是否回发 点击按钮,对用户输入进行判断,如果用户输入的没有问题,就提交,反之就不能提交,这个可以用下面的js函数来完成 function check() { if( ...
- Qt QWebview调用JS,实现QQ邮箱自动填写输入框,模拟鼠标点击网页按钮!!
Qt QWebview调用JS,实现QQ邮箱自动填写输入框,模拟鼠标点击网页按钮!! QWebview调用JS,自动填写用户名和密码,并且JS模拟鼠标点击网页按钮. 下载地址:https://down ...
- js 自动播放音频文件,报警提示音等
js 自动播放音频文件,报警提示音等 谷歌浏览器的音频,默认是不能在页面载入时直接自动播放的. 至少需要用户点击一下页面,才可以播放音频,这个策略的目的是保证用户的体验感,如果每个页面都能在用户未接触 ...
- JS自动播放视频脚本
JS自动播放视频脚本: var n = 0,j=0; setInterval(function () {var video = document.querySelector("#J_pris ...
最新文章
- hibernate的native sql查询
- 这个时代的年轻人,还能怎么逆袭
- oracle 非GBK字符集编码的汉字排序
- 定时任务之crond服务
- Android系统开发之唤醒与功耗
- mysql排序快还是list排序快_2018全国农产品批发市场行业百强排序出炉,快看广西有几个?...
- 关于click事件在苹果手机上的阴影的解决方法和关于在安卓手机上的select的灰色背景色的解决...
- 阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_06-vuejs研究-vuejs基础-v-on指令...
- q-learning_教计算机如何通过Q-Learning玩Snake
- Java的深拷贝 vs 浅拷贝
- cookie用法--抽屉网的自动登录(cookie是通过代码自动获取的)
- 计算机 及其 应用系统
- 天猫总裁靖捷详解新零售:传统商圈平均增长超50%
- 如何实现微信小程序的选项卡
- Scrum敏捷培训课堂小记
- python许可证_一图看懂各种许可协议
- idea 连接达梦数据库
- 别再手动比对文件啦,Python 让你轻松实现文件内容以及目录对比!!!
- 从URL到页面渲染,到底经历了些啥
- python代做在哪找靠谱_现在知道莆田鞋在哪买靠谱普及_莆田鞋在哪买靠谱
热门文章
- 感染EXE文件代码(C++)
- 为什么要在密码里加点“盐”
- 004. ES6之函数的扩展
- 19.7 主动模式和被动模式 19.8 添加监控主机 19.9 添加自定义模板 19.10 处理图形中的乱码 19.11 自动发现...
- Exchange 2010无法安装问题解决方法
- Tip:强制执行exchange DAG节点之间的数据库副本移动
- 用ADOQuery创建SQL Server数据库,并创建表结构、存储过程和视图
- pandas基础操作
- 莫烦Matplotlib可视化第四章多图合并显示代码学习
- leetcode392. 判断子序列(动态规划)