经验总结
记录日常工作生活中遇到的问题,技术和知识点
Deshun 发布于 5年前 (2020-01-10) 9283℃
赞 (0)
Ant Design for Vue的 Input 和 Textarea 组件有一个属性 maxlength ,可以限制文本输入长度。1、input 输入字数限制:注意 maxLength 是 number 类型,注意一下,新版本有区分大小写了,如果之前的 maxlength 写法不生效,可以尝试一下驼峰的写法 maxLength&nbs...
标签:
vue
/ antd
/ 输入字数限制
/ vue输入限制
/ antd字数限制
/ input字数限制
/ textarea字数限制
Deshun 发布于 5年前 (2020-01-07) 1833℃
赞 (0)
我们可能会遇到一些弹窗提示,样式是一样的,但是弹窗的内容不一样,可以使用 Vue 的 props 传值来实现。HTML:<div id="App">
<user username="www.w3h5.com"></user>
</div>JS:<script...
标签:
vue
/ props
/ props传值
/ vue传值
/ vue父子传值
/ vue组件传值
Deshun 发布于 5年前 (2020-01-05) 2839℃
赞 (0)
项目中遇到一个功能,详情页需要循环出上传的附件,但是附件的格式不是唯一,不同格式需要展示不同的图片做区分。以 Vue 为例:定义一个文件列表,和一个方法,查找文件地址中是否有某一种格式, return 出对应图片的地址。data: {
file...
标签:
判断文件格式
/ js判断文件格式
/ js文件格式
/ vue
/ 循环
/ 识别文件格式
Deshun 发布于 5年前 (2020-01-02) 3816℃
赞 (1)
今天负责对接口的同事找到我说, setTimeout() 定时器修改 modal 绑定的属性值后,无法正常显示弹窗。项目使用 Vue 开发,前端 UI 库使用的 Ant Design Vue 的 Modal 组件,长按列表的 item 弹窗提示“删除”确认。但是发现长按...
标签:
vue
/ 前端框架
/ antd
/ 定时器
/ setTimeout
/ modal
/ 定时器modal失效
Deshun 发布于 5年前 (2019-12-28) 3036℃
赞 (2)
Vue分享功能实现,判断不同手机、浏览器及微信内核,展示对应内容。HTML:<img :src="shareImg" alt="" width="100%" height="auto">JavaScript:data(){
return{...
标签:
vue
/ 前端框架
/ vue判断浏览器内核
/ 浏览器内核
/ 微信内核
/ 浏览器内核检测
/ vue分享
Deshun 发布于 5年前 (2019-12-26) 8178℃
赞 (2)
Antd Design Vue 官方说明,DatePicker、MonthPicker、RangePicker、WeekPicker 等插件的部分 locale 是从 value 中读取,目前的默认文案是英文,如果需要使用其他语言,需要通过下面的方案正确设置 moment 的 locale。官方文档推荐在入口文件(main.js)全局设置 locale :import moment&nb...
标签:
vue
/ antd 国际化
/ antd组件英文
/ antd组件汉化
/ antd日期组件
Deshun 发布于 5年前 (2019-12-22) 5109℃
赞 (8)
我们在使用 Vue 的开发新项目的时候,会发现 Vue 给 <style> 标签添加了一个 scoped 属性。什么是 scopedscoped 属性是 HTML5 中的新属性,是一个布尔属性,如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。Vue 的转译Vue 中 scoped 属性的效果主要是通过 PostCss 实现的。转译前的代码:<tem...
标签:
vue
/ vue样式修改不了
/ vue组件样式
/ scoped
/ scoped不能修改样式
/ 样式
Deshun 发布于 5年前 (2019-12-21) 4328℃
赞 (1)
使用 Ant Design for Vue 的 Menu 组件,引入并注册了,发现点击的时候,下拉菜单样式无法正常显示,控制台报错 TypeError: Cannot read property 'propsData' of undefined 。解决方法:引入 Menu 组件:import { Menu } from&n...
标签:
vue
/ 前端框架
/ antd
/ Ant Design for Vue
/ antd Menu
/ antd Menu报错
Deshun 发布于 5年前 (2019-12-20) 3221℃
赞 (0)
一般使用 vue-cli 下来的项目是可以直接访问局域网 IP 打开的,比如 192.168.1.11:8080 。但是最近公司的一个项目只可以通过 localhost 访问。需要配置一下,才可直接用局域网 IP 访问,方法如下:给 dev 添加--host 0.0.0.0 属性...
标签:
vue
/ ip
/ 局域网访问
/ 局域网
/ 局域网访问项目
/ 手机访问电脑IP
/ 内网访问
Deshun 发布于 5年前 (2019-12-18) 6519℃
赞 (1)
Ant Design 的 Input 输入框组件在获取焦点时会有蓝色的边框,尝试用 outline:none 去掉这个边框,但是发现不管用。最终通过 F12 调试发现 Ant Design 的 Input 组件在获取焦点时蓝色边框是通过 box-shadow 来实现的。解决方法:通过CSS样式覆盖原始效果.ant-input:focus {
 ...
标签:
antd
/ vue
/ input组件
/ input聚焦边框
/ outline
/ 聚焦光效