如何在 Vue 中实现 Excel 格式的输入与显示?

作者站长头像
站长
· 阅读数 5

请问 Vue 可以做到 input 显示 2位小数,但实际是5位小数值,像excel?

举例: excel可以在单元格输入 1.23456,显示时只会显示 1.23 二位小数,但运算时还是使用 1.23456 去计算目前能在 vue change 时用 round 近位到 2 位小数,但是实际值也被更改成 1.23

回复
1个回答
avatar
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)
      },
    },
}
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容