好多年没有写博客了,突然写一篇。 最近学习AntdVue2.x+Vue3.x ,据说antdv 特别优秀,更新也及时还适配了vue3,所以,选择了antdv,而不是elementui,虽然elementui也有新版本了,但是总觉得那不是同一套体系了 在学习到Form表单验证的时候,发现一个问题,来这里吐个槽,看看大家有没有遇到这样的问题。 问题的起因是,...
一、将项目搭建好 1.创建一个vue项目 vue create antd-demo 2.安装ant-design-vue npm install ant-design-vue --save 3.按需引入 这里强调一下,为什么按需引入更好,因为整个antd包其实不小,大部分我们都用不到,全局引入,是很占资源的,所以更推介按需引入。 import Button from 'ant-design-vue/lib/button'...
当滚动刷新数据过于频繁的时候,渲染就会就会产生闪烁,这时我们就需要通过requestAnimationFrame来调用更新列表的方法来实现对更新列表速率的控制,从而生成平滑的滚动动画。 2. 列表缓存 vue在这里帮我们处理了一部分列表更新的问题,比如在滚动造成的小范围数组变动中,vue是会复用先前渲染的节点来进行列表更新的。如果你没...
在1.x 中我们提供了 Form、FormModel 两个表单组件,原有的 Form 组件使用 v-decorator 进行数据绑定,在 Vue2 中我们通过上下文进行强制更新组件,但是在 Vue3 中,由于引入 patchFlag 等优化方式,强制刷新会破坏 patchFlag 带来的性能优势。所以在 2.0 版本中我们将 Form、FormModel 进行合并,保留了 FormModel 的...
2.目录结构: 3. iconfont制作:点这里, 挑选完icon就下载下来吧 我们先看下icon的用法: a. 让我们在vue-toast-v.1.0.js 中 import 引入 iconfont.js文件 b. toast.scss中添加css通用代码: .icon{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden;} ...
在Vue2中,我们可以使用VeeValidate插件来实现input表单校验规则。首先,我们需要安装VeeValidate插件,可以使用npm或yarn进行安装。 ``` npm install vee-validate ``` 或 ``` yarn add vee-validate ``` 安装完成后,我们可以在Vue的入口文件中引入VeeValidate插件,并使用它提供的`extend`方法来定义输入框的校验规则...
简介:仔细翻了下对应的文档(antd vue),发现有那么一个树形控件,但是没有上面部分全局控制的功能。那么只能自己动手改造出一个符合业务的了,有兴趣的看官可以瞅瞅。 前言 原型上有个权限分配的功能; 仔细翻了下对应的文档(antd vue),发现有那么一个树形控件,但是没有上面部分全局控制的功能。
This document will help you upgrade from ant-design-vue1.xversion to ant-design-vue2.xversion. Upgrade preparation# Please upgrade to the latest version of 1.x first, and remove/modify related APIs according to the console warning message. ...
antddesign vue 弹窗里面弹出路由 vue弹出提示框 1.使用场景 场景还是比较多的 例如常见的登录、做一些功能发送失败的ajax都可以用弹框提示 2.提示组件 message.vue <template> <!-- 上面绑定的是样式 --> <!-- 不同提示图标会变 --> {{text}} </...
antd vue2 自定义主题 注意点1 less一定要是3版本, less-loader一定要是5版本 然后在vue.config.js配置 module.exports = { runtimeCompiler: true, css: { loaderOptions: { less: { javascriptEnabled: true, }, }, }, }