关于手机端虚拟键盘的问题

来源：10-3 Vue项目的联调测试上线 - 真机测试

夜魇丶

2020-03-30

如图这个问题：

因为条件判断我实在不知道怎么加，我就想通过vuex来改变字母表显示隐藏状态。

思路是：

先给列表加上v-show。它的值从vuex中的state里面拿
以下是Alphabet.vue中的内容

2. 在state里定义了这个值，默认为true

以下是state.js里的内容

3. 给输入框加入了一个click事件（先希望它能隐藏起来），当点击时触发一个事件，传入data里的值

以下是：Search.vue里的内容

4. methods里面定义这个点击事件，通过commit改变state.js中的AlphabetStatus值。（我打印了一下这个值确实改变了。由true变成了false）

以下是mutations.js中的内容

5.结果字母表并没有隐藏起来

不知道哪里出了问题，也不知道怎么调试。…已经研究了很久，所以提问一下，希望帮忙解答一下。

比较蠢…希望可以把问题说的具体一点。

写回答

1回答

Dell

2020-04-02

alpabetStatus要放到computed之中就好了

夜魇丶

效果实现，感谢。我用相同的方法把失去焦点时，字母表显示的效果也实现了。只是在PC端页面效果完美执行，手机端发现字母表不能点击，只能滑动，并且在滑动时跳转位置不对（比如我滑动字母表到G，列表页跳到M的位置，大概多加了一次startY的距离…）关于这部分BUG不知道要如何处理。后续更新视频可以把这一部分的问题也说一下么，如果没在视频里的话，想知道要从哪个角度来解决这个问题。

2020-04-02

共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程

相似问题

生命周期

回答 1

老师你好,我做到第九章了,今天突然发现个问题

回答 1

H5移动端怎样优雅处理键盘弹出对输入框的影响？

回答 1

手机端测试第一次进入城市列表页，滚动没有效果，我的是ISO

回答 1

老师你好，windows下操作git，键盘上的上下键不起作用，只能移动鼠标光标，不能选择选项

回答 2

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