vue2，单页面演示computed计算属性

阅读：评论：0

效果

index.html

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="@2/dist/vue.js"></script></head><body><div id="app"><input type="text" v-model="lastVal" />+<input type="text" v-model="middleVal" />+<input type="text" v-model="firstVal" />=<input type="text" v-model="fullVal"  /></div></body><script>var vm = new Vue({el:"#app",data:{lastVal:'',firstVal:'',middleVal:''},methods:{},computed:{'fullVal':function(newVal,oldVal){return Number(this.firstVal)+Number(this.middleVal)+Number(this.lastVal)}}})</script>
</html>

本文发布于:2024-02-01 08:58:20，感谢您对本站的认可！

本文链接：https://www.4u4v.net/it/170674910235468.html

上一篇：单用户模式重置root密码

下一篇：Linux系统：进程信号

标签：演示属性页面 computed

留言与评论（共有 0 条评论）