您的位置:首页技术文章
文章详情页

vue.js默认值,如何相加

【字号: 日期:2023-02-06 16:21:37浏览:58作者:猪猪

问题描述

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><body><div id="box">input里面输入值,从而改变结果<br>{{num1}}+<input type="text" v-model="num2">={{num3}}</div><script src="js/Vue.js"></script><script>new Vue({el:'#box',data:{num1:'1',num2:'2',num3:''},watch:{num2:function(){return this.num3=Math.floor(this.num1)+Math.floor(this.num2);}}})</script></body></html>

vue.js默认值,如何相加默认是这样的。如何能打开页面就直接输出num3的值。

问题解答

回答1:

将字符串中的数字转为数值型,应该用parseInt() / parseFloat()

标签: vue
相关文章: