w3h5

24小时更新:0篇    一周更新:4篇最近更新

经验总结

Antd Vue LocaleProvider国际化组件zh_CN中文配置

Deshun 发布于 6个月前 (12-26)   阅读(3107)   评论(0)   赞 (1)  

Antd Design Vue 官方说明,DatePicker、MonthPicker、RangePicker、WeekPicker 等插件的部分 locale 是从 value 中读取,目前的默认文案是英文,如果需要使用其他语言,需要通过下面的方案正确设置 moment 的 locale。官方文档推荐在入口文件(main.js)全局设置 locale :import moment&nb...

经验总结

Vue项目中scoped属性的作用,及scoped穿透

Deshun 发布于 7个月前 (12-22)   阅读(1017)   评论(0)   赞 (5)  

我们在使用 Vue 的开发新项目的时候,会发现 Vue 给 <style> 标签添加了一个 scoped 属性。什么是 scopedscoped 属性是 HTML5 中的新属性,是一个布尔属性,如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。Vue 的转译Vue 中 scoped 属性的效果主要是通过 PostCss 实现的。转译前的代码:<tem...

经验总结

Antd Vue Menu组件报错 'propsData' of undefined 的解决方法

Deshun 发布于 7个月前 (12-21)   阅读(1096)   评论(0)   赞 (0)  

使用 Ant Design for Vue 的 Menu 组件,引入并注册了,发现点击的时候,下拉菜单样式无法正常显示,控制台报错 TypeError: Cannot read property 'propsData' of undefined 。解决方法:引入 Menu 组件:import { Menu } from&n...

经验总结

Vue项目无法使用局域网IP直接访问的配置方法

3

Deshun 发布于 7个月前 (12-20)   阅读(620)   评论(0)   赞 (0)  

Vue项目无法使用局域网IP直接访问的配置方法

一般使用 vue-cli 下来的项目是可以直接访问局域网 IP 打开的,比如 192.168.1.11:8080 。但是最近公司的一个项目只可以通过 localhost 访问。需要配置一下,才可直接用局域网 IP 访问,方法如下:给 dev 添加--host 0.0.0.0 属性:"scripts": {  &nbs...

经验总结

如何去掉antd中Input、Textarea组件获取焦点时的蓝色边框

Deshun 发布于 7个月前 (12-18)   阅读(1436)   评论(0)   赞 (1)  

Ant Design 的 Input 输入框组件在获取焦点时会有蓝色的边框,尝试用 outline:none 去掉这个边框,但是发现不管用。最终通过 F12 调试发现 Ant Design 的 Input 组件在获取焦点时蓝色边框是通过 box-shadow 来实现的。解决方法:通过CSS样式覆盖原始效果.ant-input:focus {    ...

工具插件

Chrome最好用的Chrono下载管理器crx插件下载

2

Deshun 发布于 7个月前 (12-15)   阅读(2052)   评论(0)   赞 (1)  

Chrome最好用的Chrono下载管理器crx插件下载

之前用过 Chrome 浏览器的下载插件,Chrono 下载管理器。今天在谷歌应用商店搜索,却搜不到了,找到官网提供的商店链接,点开显示链接不存在。原来 Chrono 早在今年9月份就被 Chrome 悄悄下架了,原因未知,可能是违反谷歌的什么规则了吧?不过不用担心,我找到了 Chrono 的 crx 包,需要的直接点击/下载安装即可。插件信息:C...

精品种草

翼支付5元话费券、5折优惠,云闪付10元话费立减【更多活动线报不定期更新】

Deshun 发布于 7个月前 (12-15)   阅读(752)   评论(0)   赞 (0)  

翼支付APP岁末狂欢 五折立减活动时间:2019年12月15日6:00—23:00翼支付是中国电信出品的一款可以充值话费、便民缴费,和商城支付的一个支付平台,安全可靠。首先点击“我的”—“任务中心”,领取任务。完成任务后返回,一般可以领5元话费或者缴费代金券。1、打开APP,首页点击“手机充值”,会弹出5元优惠券,点击领取,充值30元立减5元。2、APP 首页中间位置 banner 广告图“岁末狂...

经验总结

Vue项目中阻止返回,弹出提示框,包括安卓、iOS物理返回

Deshun 发布于 7个月前 (12-13)   阅读(870)   评论(0)   赞 (0)  

在一个移动端项目中,有一个需求,在未输入内容时点击返回(包括安卓、iOS等终端设备的物理返回按钮),弹窗提示,并且阻止返回上一个页面。比较反人类的一种操作,不过只要能想到的就没有代码做不到的,在网上找到一个解决方案:mounted() {   // 按需使用:在页面一进来的时候,添加一个历史记录   window.history.pu...

经验总结

iOS中Mint Picker滑动时页面跟着滚动的解决方法

Deshun 发布于 7个月前 (12-10)   阅读(442)   评论(0)   赞 (0)  

项目在使用饿了么前端团队的 Mint UI 库的 Picker 和 Datetime picker 组件,iOS系统访问时会出现滑动穿透的现象。主要表现在用手指在弹出层触摸滑动时,页面也跟着滚动,严重影响体验。解决方法:1、由于 Picker 组件的滚动是用 touch 事件 + translate 实现的,所以我们可以在 Picker 弹层出现的时候禁止页面的默认滚动机制,Picker 弹层消失...