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