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

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。

代码：

<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>

运行效果：

Vue.js 极简小例：点击事件相关推荐

Vue.js 极简小例：读值、样式调用、if判断、a 标签、点击事件、管道
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1. 写法: <template><div id="app"& ...
Vue.js 极简小例： 4 种方式样式绑定、style 的多种方式实现
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 代码: <template><div id="app"> ...
Vue.js 极简小例：表单（输入框 input、文本域 textarea、单选框 radio、下拉菜单 selected、复选框 checkbox）
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 代码: <template> <div > <p>------- ...
Vue.js 极简小例：数值计算、千米换算为米、九九乘法表、循环
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 代码: <template><div id="app"> ...
android vue.js点击反应慢,解决vue 界面在苹果手机上滑动点击事件等卡顿问题
用vue编写项目接近尾声,需要集成到移动端中,在webstorm上界面,运行效果都很完美,但是在苹果手机上各种问题都出现了,原生项目一向滑动流畅,事件响应迅速,可是苹果手机打开这个项目有两个问题, ( ...
html5取消下拉菜单,Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)...
在开发过程中,为了效果好看,往往需要自己开发一个下拉列表,而不是使用 HTML 自身的 select 下拉列表.然而当编写自定义下拉列表的时候,就会碰到一个问题:如果用户在下拉列表的范围外进行鼠标点击 ...
vue、uniapp 小程序点击事件禁止多次点击方法封装
vue.uniapp 小程序点击事件禁止多次点击方法封装在写uniapp 小程序时发现个bug,疯狂点击按钮第一点击事件还没执行完就疯狂多次调用该事件,很是影响用户体验以及消耗性能,所以这里我封装个 ...
《Node.js 极简教程》东海陈光剑
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境. Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效. https://nodejs. ...
mpvue 微信小程序_使用Vue.js开发微信小程序：开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全责编 | 阿秃转自 | 美团技术团队企业博客前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...

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

Vue.js 极简小例：点击事件相关推荐

最新文章

热门文章

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

Vue.js 极简小例： 点击事件相关推荐

最新文章

热门文章

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

Vue.js 极简小例：点击事件相关推荐