vue数据操作之点击事件实现num加减功能示例
更新时间：2019年01月19日 14:38:44 作者：黎成诃月
这篇文章主要介绍了vue数据操作之点击事件实现num加减功能,结合实例形式分析了vue.js事件响应及数值运算相关操作技巧,需要的朋友可以参考下
本文实例讲述了vue数据操作之点击事件实现num加减功能。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue num加减</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<button v-on:click="add(10)">click me</button>
<button v-on:click="remove(5)">click me</button>
<button v-on:click="num++">click me</button>
<button v-on:click="num--">click me</button>
<span>{{num}}</span>
</div>
<script>
new Vue({
el: '#app',
data: {
num:0,
message: '6',
data: {
name: '',
gender: '',
interest: [],
identity: ''
},
selected: 'A',
options: [
{ text: 'One', value: 'A' },
{ text: 'Two', value: 'B' },
{ text: 'Three', value: 'C' }
]
},
methods:{
add:function (inc){
this.num += inc;
},
remove:function (dec){
this.num -= dec;
},
}
})
</script>
</body>
</html>
这里使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码，可得如下运行结果：
希望本文所述对大家vue.js程序设计有所帮助。
相关文章
这篇文章主要介绍了Vue封装数字框组件实现流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-04-04
element带输入建议el-autocomplete的使用
本文主要介绍了element带输入建议el-autocomplete的使用，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了vue中动态select的使用方法,结合实例形式分析了vue.js使用动态select创建下拉菜单相关实现技巧与操作注意事项,需要的朋友可以参考下2019-10-10
本文主要介绍了Vue3+axios+Mock.js实现登录功能的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
这篇文章主要介绍了Vue优化:常见会导致内存泄漏问题及优化详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
element plus tree拖动节点交换位置和改变层级问题(解决方案)
图层list里有各种组件,用element plus的tree来渲染,可以把图片等组件到面板里,面板是容器,非容器组件,比如图片、文本等,就不能让其他组件拖进来,这篇文章主要介绍了element plus tree拖动节点交换位置和改变层级问题(解决方案),需要的朋友可以参考下2024-04-04
本篇文章主要介绍了vue滚动行为，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
Vue+ECharts实现中国地图的绘制及各省份自动轮播高亮显示
这篇文章主要介绍了Vue+ECharts实现中国地图的绘制以及拖动、缩放和各省份自动轮播高亮显示,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-12-12
这篇文章主要介绍了vue 引用自定义ttf、otf、在线字体的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
在vue中，有时候你需要对data中的数据进行处理，或者对抓取的数据进行处理之后再挂载呈现到标签中，这时候你就需要计算属性了，当然看到这里你可能还是不了解那下面我举几个实例并附代码解释2023-03-03
最新评论