vue.js中如何绑定事件

vue.js绑定事件的方法:1、直接在标签中写js方法,代码为【执行方法的第一种写法】;2、调用method的办法。

vue.js中如何绑定事件

【相关文章推荐:vue.js】

vue.js中绑定事件的方法:

1、 直接在标签中写js方法

 

登录后复制

2、调用method的办法

立即学习“前端免费学习笔记(深入)”;

export default {           data () {         return {          msg: '你好vue',          list:[]              }      },      methods:{           run:function(){              alert('这是一个方法');             }           } }

登录后复制

(1)方法传参,方法直接在调用时在方法内传入参数

登录后复制

(2)传入事件对象

登录后复制

eventFn(e){          console.log(e);          // e.srcElement  dom节点          e.srcElement.style.background='red';          console.log(e.srcElement.dataset.aid);  /*获取自定义属性的值*/        }

登录后复制

相关免费学习推荐:vue.js(视频)

以上就是vue.js中如何绑定事件的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3145031.html

(0)
上一篇 2025年3月30日 07:47:36
下一篇 2025年3月30日 07:47:45

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue.js中怎么添加图片

    vue.js中添加图片的方法是:首先将要添加的图片统一放在一个json文件中;然后在vue页面中引用该json文件即可,如【import imgs from “../../static/json/img.json”】…

    2025年3月30日
    100
  • vue.js支持jquery吗?

    vue.js支持jquery。vue中用jquery的方法:首先使用“npm install jquery –save”进行安装;然后配置webpack,在main.js里导入jquery;最后在需要的组件中使用jquery代码…

    2025年3月30日
    100
  • vue.js如何遍历数组

    vue.js遍历数组的方法:1、使用foreach循环,代码为【this.urls.forEach(item =>】;2、使用filter循环,代码为【return this.urls.filter(item =>】。 该方法适…

    2025年3月30日
    100
  • 什么是vue.js插件

    vue.js插件是用来增强技术栈的功能模块,它的目标是Vue;插件也是对Vue的功能的增强和补充;插件通常用来为Vue添加全局功能,但是插件的功能范围没有严格的限制。 本文操作环境:windows10系统、vue2.9版本、thinkpad…

    2025年3月30日
    100
  • vue.js如何安装jq

    vue.js安装jq的方法:首先通过命令“npm install jquery –save”安装JQuery;然后修改配置文件;接着在main.js文件中引入JQuery;最后重启项目即可。 本教程操作环境:windows7系统…

    2025年3月30日
    100
  • Vue中8个实用的自定义指令(分享)

    在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 相关推荐:《vue.js教程》 Vue 自定义指令有全…

    2025年3月30日
    100
  • Vue cli3引入bootstrap的方法介绍

    本篇文章介绍一下vue cli3中引入bootstrap的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 相关推荐:《bootstrap》、《bootstrap》 在 vue 项目中引入 bootstrap,首先要引…

    2025年3月30日
    100
  • vue.js如何操作dom

    vue.js操作dom的方法:1、原生js操作dom,代码为【const dom = getElementById(‘box’)】;2、使用vue官方方法ref,代码为【】。 本教程操作环境:windows7系统、Vue2.9.…

    2025年3月30日
    100
  • 如何解决vue.js中文乱码问题

    vue.js中文乱码是因为响应头默认编码类型为GBK,而文件为UFT-8类型导致的,其解决办法就是设置响应头编码类型为“charset=UTF-8”即可。 本教程操作环境:windows7系统、vue2.0版,DELL G3电脑。 【相关文…

    2025年3月30日
    100
  • 分享一些Vuejs中常用的自定义指令(总结)

    在vuejs中,自定义一些指令对底层dom进行操作。下面本篇文章总结分享一些常用的自定义指令代码,可以直接使用,提高开发效率! 【相关推荐:《vue.js教程》】 1、元素点击范围扩展指令 v-expandClick 使用该指令可以隐式的扩…

    2025年3月30日 编程技术
    100

发表回复

登录后才能评论