如何在 Vue 中实现 Excel 格式的输入与显示?
请问 Vue 可以做到 input 显示 2位小数,但实际是5位小数值,像excel?
举例: excel可以在单元格输入 1.23456,显示时只会显示 1.23 二位小数,但运算时还是使用 1.23456 去计算目前能在 vue change 时用 round 近位到 2 位小数,但是实际值也被更改成 1.23
回复
1个回答
test
2024-06-24
可以将input 封装起来,将 v-model 绑定的值换成 computed 里面的一个变量,通过get去改变显示内容。
...
v-model="inputVal"
...
props: ['value'],
computed: {
inputVal: {
get() {
// @todo 这里做修改
return this.value
},
set(val) {
this.$emit('input', val)
},
},
}
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容