vue 中使用vux时,使用x-input 时,页面软键盘顶起页面问题

1.参照网上链接 https://blog.csdn.net/benben513624/article/details/86660212 方案二用input 框,有效果,之后页面组件改为x-input  (由于自己vux文档没看仔细花费了点时间)

注:x-input 失去焦点事件与x-input 点击事件不一样  

x-input失去焦点@on-blur   input 失去焦点@blur
x-input点击事件@click.native   input点击事件@click

 额外补充一个 mint-ui中表单失去焦点 (@blur是vue里的失焦事件,但是直接写在Mint UI的组件里是没用的,就算写成@blur.native也不生效, @blur.native.capture 这样写就可以)

 <mt-field
            placeholder="评论"
            class="content"
            type="textarea"
            rows="4"
            v-model="questionComment"
            @blur.native.capture="inputLoseFocus"
          ></mt-field>
发布了45 篇原创文章 · 获赞 20 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/czp555/article/details/105195278