首页 > 其他 > 详细

vue-02 定义方法、执行方法

时间:2021-01-27 17:05:18      阅读:42      评论:0      收藏:0      [点我收藏+]
<div ref="box">我是一个box</div>
<button v-on:click="getInputValue">获取第二个表单里的数据</button>
<br><br>
<button v-on:click="run1()">执行事件的第一种写法</button>
<button @click="run2()">执行事件的第二种写法</button>
<br>
<button @click="getMsg()">获取data里的数据</button>
<br>
<br><br>
<button @click="setMsg()">改变data里的数据</button>
<br><br>
<button @click="requestData()">请求data里的数据</button>
<ul>
<li v-for="item in list">
{{item}}
</li>
</ul>
<br><br>
<button @click="deleteData(‘111‘)">执行方法传值</button>
<br><br>
<button @click="eventFn($event)" data-aid="123">事件对象</button>

run1:function () {
alert(‘第一种写法‘)
},run2(){
alert(‘第二种写法‘)
},requestData(){
for(var i=0;i<10;i++){
this.list.push(‘我是第‘+i+‘条数据‘);
}
},deleteData(val){
alert(val)
},eventFn(e){
console.log(e);
e.srcElement.style.background=‘red‘;
console.log(e.srcElement.dataset.aid)/*获取自定义属性*/
}

vue-02 定义方法、执行方法

原文:https://www.cnblogs.com/weibo258/p/14335575.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!