vue问题六:计算属性,依赖发生变化时,重新计算computed:
2024-10-20 18:53:35
<el-form-item label="单价:" prop="price" >
<el-input v-model="addform.price" type="number" placeholder="请输入单价" auto-complete="off" class="widc" ></el-input>
</el-form-item>
<el-form-item label="数量:" prop="number" >
<el-input v-model="addform.number" type="number" placeholder="请输入数量" auto-complete="off" class="widc" ></el-input>
</el-form-item>
<el-form-item label="总金额:" prop="sum" >
<div v-model="addform.countNum" class="border" ><span style="margin-left: 10%">{{countNum}}</span></div>
</el-form-item>
vue html代码
// 计算总金额
computed:{
countNum:function(addform){
let countNum=Number(this.addform.price) * Number(this.addform.number)
return countNum
}
},
vue JavaScript代码
最新文章
- 详解CSS的相对定位和绝对定位
- You need to use a Theme.AppCompat theme (or descendant) with this activity
- yarn 0.9.0 build spark
- [ionic开源项目教程] - 第9讲 新闻详情页的实现
- .md文件 Markdown 语法说明
- liunx之zip格式的解压命令
- SpringSide 3 中的多数据源配置的问题
- GCC 命令行详解 -L 指定库的路径 -l 指定需连接的库名(转载)
- UVA 11925 - Generating Permutations
- stylus or less ?
- http的状态码(中英文)
- C#自定义控件、用户控件、动态加载菜单按钮
- Python MySQL事务、引擎、索引及第三方库sqlalchemy
- pytorch CNN 手写数字识别
- PAT 乙级 1065 单身狗 (25 分)
- oracle中类似indexof用法_instr函数
- 9、后记:公司管理经验总结 - CEO之公司管理经验谈
- 螺旋队列和hiho1525逃离迷宫3
- VS2017 Pro未能找到路径“……\bin\roslyn\csc.exe”的解决方案
- XML教程、语法手册、数据读取方式大全