如下所示:

: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方法相关推荐

  1. html元素中的click属性,从HTML中的onClick属性调用jQuery方法

    我在整个系统中实现JQuery是比较新的,我正在享受这个机会. 我遇到一个问题,我想找到正确的决心. 以下是我想做的一个简单案例: 我在页面上有一个按钮,在点击事件我想调用一个我定义的jquery函数 ...

  2. js设置,获取,删除属性(setAttribute, getAttribute, removeAttribute)

    设置,获取,删除属性 setAttribute() setAttribute() 方法添加指定的属性,并为其赋指定的值. 如果这个指定的属性已存在,则仅设置/更改值. getAttribute() g ...

  3. js自动触发点击事件

    js自动触发点击事件 // 进入页面立即触发(()=>{// 兼容IEif(document.all) {document.getElementById("aid").cli ...

  4. html循环自动点击事件,js循环遍历ul中li的点击事件,给给选中li添加css

    功能:对于一个ul中固定的li个数,当点击其中一个li时,改变选中li的颜色:同时改变对应的另一个ul中li的颜色 页面初始化的界面: HTML: 其他推荐: 10:21 10:22 10:25 10 ...

  5. js 自动点击HTML元素事件

    js 自动点击事件 js部分 $(function () {document.getElementById("HTML元素id").click(); })

  6. .net 2.0 点击按钮用js控制是否回发关于vs2005的webproject补丁

    .net 2.0 点击按钮用js控制是否回发 点击按钮,对用户输入进行判断,如果用户输入的没有问题,就提交,反之就不能提交,这个可以用下面的js函数来完成 function check() { if( ...

  7. Qt QWebview调用JS,实现QQ邮箱自动填写输入框,模拟鼠标点击网页按钮!!

    Qt QWebview调用JS,实现QQ邮箱自动填写输入框,模拟鼠标点击网页按钮!! QWebview调用JS,自动填写用户名和密码,并且JS模拟鼠标点击网页按钮. 下载地址:https://down ...

  8. js 自动播放音频文件,报警提示音等

    js 自动播放音频文件,报警提示音等 谷歌浏览器的音频,默认是不能在页面载入时直接自动播放的. 至少需要用户点击一下页面,才可以播放音频,这个策略的目的是保证用户的体验感,如果每个页面都能在用户未接触 ...

  9. JS自动播放视频脚本

    JS自动播放视频脚本: var n = 0,j=0; setInterval(function () {var video = document.querySelector("#J_pris ...

最新文章

  1. hibernate的native sql查询
  2. 这个时代的年轻人,还能怎么逆袭
  3. oracle 非GBK字符集编码的汉字排序
  4. 定时任务之crond服务
  5. Android系统开发之唤醒与功耗
  6. mysql排序快还是list排序快_2018全国农产品批发市场行业百强排序出炉,快看广西有几个?...
  7. 关于click事件在苹果手机上的阴影的解决方法和关于在安卓手机上的select的灰色背景色的解决...
  8. 阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_06-vuejs研究-vuejs基础-v-on指令...
  9. q-learning_教计算机如何通过Q-Learning玩Snake
  10. Java的深拷贝 vs 浅拷贝
  11. cookie用法--抽屉网的自动登录(cookie是通过代码自动获取的)
  12. 计算机 及其 应用系统
  13. 天猫总裁靖捷详解新零售:传统商圈平均增长超50%
  14. 如何实现微信小程序的选项卡
  15. Scrum敏捷培训课堂小记
  16. python许可证_一图看懂各种许可协议
  17. idea 连接达梦数据库
  18. 别再手动比对文件啦,Python 让你轻松实现文件内容以及目录对比!!!
  19. 从URL到页面渲染,到底经历了些啥
  20. python代做在哪找靠谱_现在知道莆田鞋在哪买靠谱普及_莆田鞋在哪买靠谱

热门文章

  1. 感染EXE文件代码(C++)
  2. 为什么要在密码里加点“盐”
  3. 004. ES6之函数的扩展
  4. 19.7 主动模式和被动模式 19.8 添加监控主机 19.9 添加自定义模板 19.10 处理图形中的乱码 19.11 自动发现...
  5. Exchange 2010无法安装问题解决方法
  6. Tip:强制执行exchange DAG节点之间的数据库副本移动
  7. 用ADOQuery创建SQL Server数据库,并创建表结构、存储过程和视图
  8. pandas基础操作
  9. 莫烦Matplotlib可视化第四章多图合并显示代码学习
  10. leetcode392. 判断子序列(动态规划)