使用了computed ，不能获取输入字符数length

来源：10-3 修改文章编码第二部分 - 改进 ValidateInput 组件

慕无忌2807120

2021-11-24

相关截图：

输入框限制输入想显示当前输入字符长度，如何获取！请老师帮看看，给出建议，谢谢

写回答

2回答

张轩

2021-11-26

同学你好可以这样写

// 添加一个 computed
const currentLength = computed(() => inputVal.value.length)

// template 中
<span>当前长度：{{currentLength}} 最大长度:{{$attrs.maxLength}}</span>

这样就可以了，当然这里面有一些判断这个属性是否存在的逻辑，我就不写啦，你可以自己写上

张轩

2021-11-25

同学你好你直接拍照的图不完整。看不清楚，能否将代码（git）提供给我，我可以在本地运行然后给出你帮助和建议，谢谢

慕无忌2807120

这是模板代码

{{textlength}}/{{$attrs?.maxlength}}

2021-11-25

共2条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

怎么在.vue中获取异步数据

回答 2

老师，请问这个length是那个长度的函数方法，还是一个单纯的变量呀？有点蒙了这部分。

回答 1

这里为什么要用computed获取

回答 1

打平数组的疑问

回答 1

怎么这次在slot中又不用mitt了？。。。

回答 1

打开慕课网App查看更多内容