Deshun 发布于 5年前 (2019-12-26) 8421℃ 评论(0) 赞 (2)
Antd Design Vue 官方说明，DatePicker、MonthPicker、RangePicker、WeekPicker 等插件的部分 locale 是从 value 中读取，目前的默认文案是英文，如果需要使用其他语言，需要通过下面的方案正确设置 moment 的 locale。官方文档推荐在入口文件（main.js）全局设置 locale ：import moment&nb...
Deshun 发布于 5年前 (2019-12-22) 5378℃ 评论(0) 赞 (8)
我们在使用 Vue 的开发新项目的时候，会发现 Vue 给 <style> 标签添加了一个 scoped 属性。什么是 scopedscoped 属性是 HTML5 中的新属性，是一个布尔属性，如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。Vue 的转译Vue 中 scoped 属性的效果主要是通过 PostCss 实现的。转译前的代码：<tem...
Deshun 发布于 5年前 (2019-12-21) 4579℃ 评论(0) 赞 (1)
使用 Ant Design for Vue 的 Menu 组件，引入并注册了，发现点击的时候，下拉菜单样式无法正常显示，控制台报错 TypeError: Cannot read property 'propsData' of undefined 。解决方法：引入 Menu 组件：import { Menu } from&n...
Deshun 发布于 5年前 (2019-12-20) 3463℃ 评论(0) 赞 (0)
一般使用 vue-cli 下来的项目是可以直接访问局域网 IP 打开的，比如 192.168.1.11:8080 。但是最近公司的一个项目只可以通过 localhost 访问。需要配置一下，才可直接用局域网 IP 访问，方法如下：给 dev 添加--host 0.0.0.0 属性...
Deshun 发布于 5年前 (2019-12-18) 6788℃ 评论(0) 赞 (1)
Ant Design 的 Input 输入框组件在获取焦点时会有蓝色的边框，尝试用 outline:none 去掉这个边框，但是发现不管用。最终通过 F12 调试发现 Ant Design 的 Input 组件在获取焦点时蓝色边框是通过 box-shadow 来实现的。解决方法：通过CSS样式覆盖原始效果.ant-input:focus { ...
Deshun 发布于 5年前 (2019-12-13) 3907℃ 评论(0) 赞 (0)
在一个移动端项目中，有一个需求，在未输入内容时点击返回（包括安卓、iOS等终端设备的物理返回按钮），弹窗提示，并且阻止返回上一个页面。比较反人类的一种操作，不过只要能想到的就没有代码做不到的，在网上找到一个解决方案：mounted() { // 按需使用：在页面一进来的时候，添加一个历史记录 window.history.pu...
Deshun 发布于 5年前 (2019-12-10) 2229℃ 评论(0) 赞 (0)
项目在使用饿了么前端团队的 Mint UI 库的 Picker 和 Datetime picker 组件，iOS系统访问时会出现滑动穿透的现象。主要表现在用手指在弹出层触摸滑动时，页面也跟着滚动，严重影响体验。解决方法：1、由于 Picker 组件的滚动是用 touch 事件 + translate 实现的，所以我们可以在 Picker 弹层出现的时候禁止页面的默认滚动机制，Picker 弹层消失...
Deshun 发布于 5年前 (2019-12-07) 3890℃ 评论(0) 赞 (0)
PC端开发使用 Chrome 调试时不会有调用键盘的效果，但是使用手机访问页面时，点击 input 输入框时，会自动聚焦并调用唤起系统键盘（或者说输入法）的。但是我们的需求是 点击 input 时不弹出键盘，可以使用下面的方法实现：$("").focus(function(){ document.activeEleme...
Deshun 发布于 5年前 (2019-12-07) 4821℃ 评论(0) 赞 (0)
华为手机自带的浏览器据说使用的是腾讯X5内核，在测试时发现浏览器默认情况下方会显示一个工具栏，上滑会自动隐藏全屏显示。这种浏览器会把 position: fixed 属性固定定位在下方的元素遮住，无法正常显示。目前我使用小米手机没有发现这样的问题，不知道 iPhone 、OPPO、vivo、魅族、锤子、一加、诺基亚、三星等手机会不会有这样的情况，大家可以自行测试。解决方法：在 head 内添加下面...
Deshun 发布于 5年前 (2019-12-05) 3457℃ 评论(0) 赞 (0)
vue 返回上一页有两种方法：如果使用的是 vue-router ，this.$router.go(-1) 就可以回到上一页。 history.go(-1) 是回到浏览器上一页。但是由于 Vue 应用是单页应用，浏览器的访问历史未必和 Vue 的浏览历史相同。还有一点，就是使用 router 跳转的时候，Vue 不会重新加载 CSS 。比如从 A 页面跳到 B 页面，会沿用 A 页面中的 CSS...
前端资源网 - w3h5