18910140161

在VUE结合elementUI里 如何控制input的显示问题

顺晟科技

2021-06-19 12:00:27

598

比如 我的input的v-model从数据库拿出来的值是0.265584734525988,但是我想让他在前端页面只展示0.26558 不显示其他的,如何在不改变v-model的情况下 完成这个。然后后续因为 当鼠标点击这个input的时候 会显示全部数值 当离开的时候又会显示0.26558 这样的功能,希望大神们给个思路 我现在引入的新的变量 去改变但是这样太麻烦了 而且页面input的数量太多了 这显然不是很合理


顺晟科技:

首先,你这个input 要不要编辑呀,如果需要编辑的话,0.265584734525988 这么长的数字串,还要不要了?

希望能给我个例子 影子元素 我都没听过

没显示完 我企鹅645149875 一起探讨一下。 或者你留下你的联系方式,我

还没解决,希望能提供个例子学习一下万分感谢

用影子元素,失去焦点时显示影子元素,获得焦点时显示input。比如用div做影子,input浮在div上层。div内容格式化显示,失焦时显示div,input的visibility设为hidden,点击input,input的visibility设为visible。实现方式很多,原理差不多是这样子

是不是没显示完全啊 我私信发你

我直接把代码放评论里 你看看是不是你要的效果吧 有问题再讨论

能给个例子吗 朋友 快帮帮我

这个问题你解决了嘛?我按照你的需求写了个demo 不知道是不是满足 需要的话联系我

这个是需要编辑的,是项目需求 必须精准一点有啥好办法没

那就 v-model 设置 数,title 设置 0.26558 。还不行的话,就值得自己封装 el-input,span 写一个组件了。

如果不需要编辑的话,input 有一个 title 的属性,鼠标放上面悬停,可以显示title的值,也就是说,可以把 0.265584734525988 设置给title,然后 v-model 用 0.26558 。

私信你我微信号了 你看下

只是如果要编辑数据的话,不知道你需要什么操作逻辑。

就是一个div,专门用来显示格式化内容的

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航