做淘宝客网站要注意什么,响应式网站模板费用,php网站后台上传不了图片,wordpress多条件筛选插件之前的博客有写过用vue2elementUI封装手机端选择器picker组件#xff0c;支持单选、多选、远程搜索多选#xff0c;最终真机调试的时候发现有很多细节样式需要调整。此篇博客记录下我调试过程中遇到的问题和解决方法。
一、手机真机怎么连电脑本地代码调试#xff1f;
1.确…之前的博客有写过用vue2elementUI封装手机端选择器picker组件支持单选、多选、远程搜索多选最终真机调试的时候发现有很多细节样式需要调整。此篇博客记录下我调试过程中遇到的问题和解决方法。
一、手机真机怎么连电脑本地代码调试
1.确保手机和电脑处于同一个局域网下
2.找到电脑的ip地址。
可以在终端输入以下命令
ifconfig
找到en0里的IP地址 3.将本地的localhost替换成电脑的IP地址
4.用手机打开上述替换好的链接就可以实现真机调试 二、elementUI中的el-select下拉框在手机端ios上点击两次才能选中的问题
需要在项目的App.vue文件中加入一下代码通过全局作用域css解决
style langscss
// 解决el-select下拉框在ios上 点击两次才能选中的问题
.el-scrollbar { .el-scrollbar__bar {opacity: 1 !important;}
}
/style 三、解决滚动条穿透问题
弹框滑动时不希望弹框滑动的同时也影响弹框底层页面的滑动 // 弹层显示时隐藏滚动条,解决滚动条穿透问题document.body.style.overflow hidden;document.body.style.position relative;// 弹层不显示时显示滚动条,解决滚动条穿透问题document.body.style.overflow auto;document.body.style.position static;
四、elementUI中的el-button样式在电脑端生效手机端不生效
加了::v-deep手机端就生效啦
