mpvue的自定义组件中运行$emit函数时输入框光标抖动的解决办法

tangr206 发布于2019-08-29 16:28 / 2459人阅读

摘要：记录一个中遇到的问题遇到问题在中运行时输入框的光标抖动。光标闪烁这个问题一般可以用官网推荐的方法修饰符解决，但是在此情况尝试无效。解决办法于是我用想象力，没错是想象力。

记录一个mpvue中遇到的问题

遇到问题

//css
 

//vue 
export default {
 data() {
      return {
        value: ""
      }
    },
 methods:{
     getValue() {
        this.$emit("value", this.value);
      }
 }
}

在getValue中运行emit时输入框的光标抖动。光标闪烁这个问题一般可以用官网推荐的方法v-model.lazy修饰符解决，但是在此情况尝试无效。

解决办法

于是我用想象力，没错是想象力T_T|||。我想光标频繁闪烁是不是value被频繁操作，于是尝试断开emit和v-model的耦合关系，问题竟然真解决了...也是醉啊...

...
getValue() {
 var val = this.value;
 setTimeout(() => {
    this.$emit("value", val);
 }, 0)
},
...

GPU云服务器云服务器 php的自定义函数函数的自调用 jsp定义输入框函数中定义函数

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113766.html

mpvue的自定义组件中运行$emit函数时输入框光标抖动的解决办法

摘要：记录一个中遇到的问题遇到问题在中运行时输入框的光标抖动。光标闪烁这个问题一般可以用官网推荐的方法修饰符解决，但是在此情况尝试无效。解决办法于是我用想象力，没错是想象力。记录一个mpvue中遇到的问题遇到问题 //css //vue export default { data() { return { value: } },...

yunhao 2019-08-26 12:19 评论0 收藏0
通过focusout事件解决IOS键盘收起时界面不归位的问题

摘要：原因经查是输入框的事件无法冒泡。这时，我们问题得到解决了，当从输入框输入内容，然后点击键盘的完成收起键盘，效果符合我们的预期。输入框失去焦点，要把键盘推出页面的滚动部分还原。问题症状今天在开发一个移动端的 H5 页面时，遇到了 IOS 上键盘收起时界面无法归位的问题。下面详细描述下问题和症状：页面结构出问题的页面是一个表单结构。即类似于一个 div 下有4个 input 表单的...

vvpale 2019-08-02 15:34 评论0 收藏0
通过focusout事件解决IOS键盘收起时界面不归位的问题

摘要：原因经查是输入框的事件无法冒泡。这时，我们问题得到解决了，当从输入框输入内容，然后点击键盘的完成收起键盘，效果符合我们的预期。输入框失去焦点，要把键盘推出页面的滚动部分还原。问题症状今天在开发一个移动端的 H5 页面时，遇到了 IOS 上键盘收起时界面无法归位的问题。下面详细描述下问题和症状：页面结构出问题的页面是一个表单结构。即类似于一个 div 下有4个 input 表单的...

lifesimple 2019-08-26 18:37 评论0 收藏0
Vue常用组件的开发

摘要：监听的回调里，在使用时改变，是触发自定义事件，用于告知父组件数字输入框的值有所变化。组件实例组件实例标签页组件每个标签页的主体内容由使用组件的父级控制，这部分是一个，而且的数量决定标签切换按钮的数量。查看原文站点，更多扩展内容及更佳阅读体验！实战：常用组件的开发数字输入框只能输入数字，而且有两个快捷按钮，可以直接减1或加1。除此之外，还可以设置初始值、最大/小值，在数值改变时，触...

cnsworder 2019-08-26 12:01 评论0 收藏0