首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Vue.js 极简小例: 点击事件

Vue.js 极简小例: 点击事件

作者头像
微风-- 轻许--
发布2022-04-13 16:05:25
发布2022-04-13 16:05:25
15.4K0
举报
文章被收录于专栏:java 微风java 微风

代码:

代码语言:javascript
复制
<template>

   <div> 

        <!-- jy_mothed 是在 js 中自定义的方法 -->
        <button v-on:click="jy_mothed">想念</button>

        <br><br>
        <!-- 点击事件 参数化调用 -->
        <button v-on:click="loveU('愿我如星君如月... 夜夜流光相皎洁 ...')">此刻</button>
        <button v-on:click="loveU('君当作磐石,妾当作蒲苇 , 蒲苇纫如丝,磐石无转移 ... ')">今生</button>

   </div> 
</template>

<script>


export default {
  data () {
    return {
      name: '在我每一次敲击键盘时 ... 想念,在我的每一行代码之间 ... '
    }
  },
  methods: { 
    jy_mothed: function (event) {
      alert('想你,' + this.name)  // this:当前 Vue 实例

	  if (event) {  // 原生 DOM 事件
		  alert(event.target.tagName)
	  }
    },
    loveU: function (message) {
        alert(message);
    }
  }
}

</script>

运行效果:

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018/11/19 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档