sf123,中变传奇,今日刚开一秒变态sf
当前位置:网站首页 > 中变传奇 > 正文

input置灰

作者:admin发布时间:2022-01-08分类:中变传奇浏览:264评论:8


导读:1.需求实时监听长度变化并显示/{(){$((){$?$refs.count.value.length:this.maxlength})},}没有使用thi...

input置灰

1.需求实时监听长度变化并显示

/

{

(){

$((){

$?$refs.count.value.length:this.maxlength

})

},

}

没有使用this.$nextTick时直接监听inout绑定的值输入一个字符打印this.$refs.count.value.length为0删除一个字符长度会先加1然后再减减

原因是提前监听了长度而dom还未渲染因为Vue中DOM更新是异步的

官方解释this.$nextTick将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它然后等待DOM更新。它跟全局方法Vue.nextTick一样不同的是回调的this自动绑定到调用它的实例上。

加上this.$nextTick后就可以实时监听到input的vulau长度(也可以加个延时器效果一样)

2.使用elementuiinput给输入框尾部添加内容

使用sufifix属性1.0版本没有此属性2.6增加了此属性

使用插槽直接可以实现

--

0/25

--

3.input回车事件

如果el-input外面包裹的有form直接使用keyup.native.enter方法名可能不起作用,此时在form里加上submit.native.prevent就可以了

单独使用input直接用keyup.native.enter方法名就可以了。

前端小白自己在项目中遇到的问题有不恰当的地方望指正谢谢

标签:jsp中input底色变灰


已有8位网友发表了看法:

欢迎 发表评论: