vue绑定点击事件

今天药忘吃喽~ 2022-07-13 09:00 278阅读 0赞

<!DOCTYPE html>
    <html>
    <head>
    	<meta charset="UTF-8">
    	<title>document</title>
    </head>
    
    <script src="vue.js"></script>
    
    
    
    <script>
    	window.onload = function(){
    		var c = new Vue({
    			el:".box",
    			data:{ 
    				a:true,
    				arr:["a","b","c"]
    			},
    			methods:{
    				add: function(){
    					this.arr.push("d");
    				},
    				show: function(){
    					this.a = false;
    				}
    			}
    		})
    	}	
    </script>
    <body>
    	<div class="box">
    		
    		<input type="button" value="按钮" v-on:click="add()">
    		
    		
    		<input type="button" value="消失" v-on:click="show()">
    		<div  v-show="a" style="width: 100px;height: 100px;background: red;"></div>
    		<ul>
    			<li v-for="value in arr">
    				{
       {value}}
    			</li>
    		</ul>
    	</div>
    </body>
    </html>

Vue.js是一种简单易学的轻量级JavaScript框架，它特别适用于小巧的移动端项目。我也是最近开始接触，分享一点自己写的源码，希望能帮到和我一样的初学者。

发表评论取消回复

表情：

评论列表（有 0 条评论，278人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 模板字符串里添加html并绑定点击事件

在Vue中，我们经常会使用模板字符串。当然，现在的模板字符串使用方法也越来越多。在项目中，经常会遇到一个问题，就是需要在模板字符串中，写一个html元素，如下：

﹏ヽ暗。殇╰゛Y/ 2022年10月19日 12:51/ 0 赞/ 1277 阅读

相关 vue 中动态添加html元素并绑定点击事件onclick

方法中动态添加html元素 getWindContent(){ return `</div> <span style="curs

「爱情、让人受尽委屈。」/ 2022年10月10日 11:29/ 0 赞/ 1299 阅读

相关 ant-design-vue 中table行绑定点击事件

目前在学习使用antd中，需求双击表格行显示pdf，在table中给customRow设置行属性 ![watermark_type_ZmFuZ3poZW5naGVpdGk_s

ゞ浴缸里的玫瑰/ 2022年10月09日 03:16/ 0 赞/ 180 阅读

相关 vue绑定点击事件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>docume

今天药忘吃喽~/ 2022年07月13日 09:00/ 0 赞/ 279 阅读

相关 jq动态绑定点击事件

jq动态添加的元素需要添加点击事件可用delegate on添加 1.delegate <div id="box"> </div>

「爱情、让人受尽委屈。」/ 2022年05月20日 06:16/ 0 赞/ 223 阅读

相关小程序绑定点击事件

1.页面添加 bindtap=”purchaseOn” <view class='quick-view-content' bindtap="purchaseOn"

梦里梦外;/ 2022年05月19日 04:36/ 0 赞/ 282 阅读

相关 jquery 创建元素后，绑定点击事件

> 问题 > > 绑定事件发生在 `dom元素加载之前`，出现错误在 `全局加载`完毕后，再来绑定相应的点击事件，会导致失效。 $(document).r

缺乏、安全感/ 2022年05月10日 01:03/ 0 赞/ 307 阅读

相关 JS 多图片绑定点击事件

JS 多张图片存在一个页面时，公用一个class，实现显示出不同图片效果本篇文章主要记录一下做项目时，对循环出来的图片进行点击遇到的难题。看一下HTML

缺乏、安全感/ 2022年01月26日 00:13/ 0 赞/ 757 阅读

相关 div添加一个点击事件（绑定点击事件）

1、HTML onclick 事件属性 <input type="button" value="点我点我" onclick="ds()"> <script>

喜欢ヅ旅行/ 2021年09月24日 14:40/ 0 赞/ 678 阅读

相关 ElementUI - el-input等组件绑定点击事件

前言 vue使用elementUI的input组件时，添加： <el-input @click="inputClick"> 绑定时间无效解决方法

迷南。/ 2021年07月26日 17:26/ 0 赞/ 886 阅读