经验总结

Deshun 发布于 4年前 (2020-01-10) 8889℃ 评论(0) 赞 (0)

Ant Design for Vue的 Input 和 Textarea 组件有一个属性 maxlength ，可以限制文本输入长度。1、input 输入字数限制：注意 maxLength 是 number 类型，注意一下，新版本有区分大小写了，如果之前的 maxlength 写法不生效，可以尝试一下驼峰的写法 maxLength&nbs...

标签： vue  /  antd  /  输入字数限制  /  vue输入限制  /  antd字数限制  /  input字数限制  /  textarea字数限制

Deshun 发布于 4年前 (2020-01-07) 1598℃ 评论(0) 赞 (0)

我们可能会遇到一些弹窗提示，样式是一样的，但是弹窗的内容不一样，可以使用 Vue 的 props 传值来实现。HTML：<div id="App">   <user username="www.w3h5.com"></user> </div>JS：<script...

标签： vue  /  props  /  props传值  /  vue传值  /  vue父子传值  /  vue组件传值

Deshun 发布于 4年前 (2019-12-28) 2732℃ 评论(0) 赞 (2)

Vue分享功能实现，判断不同手机、浏览器及微信内核，展示对应内容。HTML：<img :src="shareImg" alt="" width="100%" height="auto">JavaScript：data(){   return{...

标签： vue  /  前端框架  /  vue判断浏览器内核  /  浏览器内核  /  微信内核  /  浏览器内核检测  /  vue分享

Deshun 发布于 4年前 (2019-12-26) 7868℃ 评论(0) 赞 (2)

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

标签： vue  /  antd 国际化  /  antd组件英文  /  antd组件汉化  /  antd日期组件

Deshun 发布于 4年前 (2019-12-22) 4672℃ 评论(0) 赞 (8)

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

标签： vue  /  vue样式修改不了  /  vue组件样式  /  scoped  /  scoped不能修改样式  /  样式

Deshun 发布于 4年前 (2019-12-21) 4052℃ 评论(0) 赞 (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报错