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

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

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

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

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

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

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

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

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

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

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

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

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

<div>
    <div>0.2345</div>
    <input value="0.23456789"/>
</div>

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


<el-input v-for="(item,index) in valueArray" v-model=“tempArray[index]” @focus=“dataSupplement(index)”
@blur=“dataCutoff(index)”>

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

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

私信你我微信号了 你看下