插件的使用
Crazy_GirlLL
这个作者很懒,什么都没留下…
展开
-
ant design vue使用collapse默认展开全部;自定义切换图标expandIcon
ant design vue使用collapse默认展开全部;自定义切换图标expandIcon转载 2022-08-05 11:37:24 · 9839 阅读 · 1 评论 -
这是一个CDN引入vue.js文件,httpVueLoader引用组件,不用webpack打包实现的vue demo
下载改压缩包,如果使用vscode编辑器,可以安装这个扩展,根据步骤打开就能展示(不能直接点击文件打开,路径不能是file://,需要是类似:http://127.0.0.1:7000/)免费压缩包,提供参考:链接:https://pan.baidu.com/s/1Md_XssZxWl8ubm5RHYuAlg?pwd=nfym提取码:nfym安装完扩展之后,可能需要重启vscode,根据情况而定即可然后在index.html文件中,就可以看到如图所示的图标和选项,选择你要打开的浏览器.原创 2022-04-13 18:40:05 · 1406 阅读 · 0 评论 -
Ant Design 动态表单验证,手机邮箱二选一
效果图,如上图所示:手机号和邮箱未填写时,均提示必填,填写任意一个后,另一个动态不必填,然后提交代码如下:<template> <div class="position_box"> <a-modal :zIndex="120" title="修改候选人基本简历信息" :visible="editVis" @ok="handleOk" @cancel="editVis=false" :width="500"> <a-fo...原创 2022-01-10 15:02:01 · 2283 阅读 · 0 评论 -
Ant Design 表格:循环展示表头,表头添加图标icon
需求背景:用来统计房间里住户的信息实现效果:实现过程:表头:问题a,问题b,问题c,是从动态数据循环获取得到的,包括右侧的icon,和鼠标以上显示的效果:tooltip以下是代码实现:使用时,须引入Ant Design<template> <div style="margin-bottom:30px"> <div style="margin-bottom:20px">{{question.n..原创 2021-11-22 10:36:13 · 3125 阅读 · 1 评论 -
Ant Design Vue :使用日历Calendar,中英文切换
官网地址:https://www.antdv.com/components/calendar-cn/#API官网中这么说故,使用时,没做特殊设置,显示的都是英文中英文切换仅在App.vue中设置即可,当然还需要对中英文切换的识别,在此可以使用vue-i18n即可...原创 2021-05-12 19:07:46 · 2576 阅读 · 1 评论 -
vue+element:current-node-key和setCurrentKey设置默认选中并高亮节点,附带全部展开,全部关闭,重新渲染树结构函数render-content
根据接口获取树结构后,设置默认选中的节点,并高亮效果图:官网中对于这两个节点的解释如下代码如下<el-tree v-loading="loading" :data="treeData" node-key="value" :props="defaultProps" default-expand-all原创 2021-02-25 15:17:18 · 22968 阅读 · 4 评论 -
vue 解析token
引入jwt-decode 包npm install jwt-decode --save在vue中引入jwt-decodeimport jwtDecode from 'jwt-decode'jsconst decode = jwtDecode(token);console.log(decode);转载 2021-02-07 22:33:04 · 1242 阅读 · 0 评论 -
通过身份证号得到年龄、性别和出生日期
注:目前只针对18位身份证号码。不多说了,直接上代码,调用IdCard(UUserCard,num)方法即可,其中UUserCard为身份//通过身份证号计算年龄、性别、出生日期function IdCard(UUserCard, num) { if (num == 1) { //获取出生日期 birth = UUserCard.substring(6, 10) + "-" + UUserCard.substring(10, 12) + "-" + UUs转载 2021-02-01 12:52:29 · 1320 阅读 · 0 评论 -
element-ui table 表格组件实现可拖拽效果(行、列)
拖拽效果,先放效果图,步骤放在后面~~一、引入三方插件1.引入sortable.js的包: npm install sortable.js --save2.或者npm i -S vuedraggable vuedraggable依赖 Sortable.js,所以下载了vuedraggable,我们便可以直接引入Sortable使用Sortable的特性。 vuedraggable是Sortable一种加强,实现组件化的思想,可以结合Vue,使用起来更方便...转载 2021-01-31 09:14:21 · 2541 阅读 · 1 评论 -
微信小程序:echarts折线图在iOS不显示
https://mp.csdn.net/editor/html/111322190微信小程序:echarts折线图在iOS不显示,但是真机调试的无论是iOS还是安卓都是显示的经公司大佬的不懈努力下,终于找到了方法红色背景的是我们看到很多博客中,甚至官网中都有的组件方法:init绿色背景的是在iOS和安卓手机上都显示的方法:initByOldWay然后需要用一下方法去判断设备是iOS还是安卓,然后进行下一步真机调试时,获取的设备是:devtools,所以和iOS还是不同的原创 2020-12-29 19:40:52 · 2481 阅读 · 8 评论 -
微信小程序:使用vant weapp安装并使用组件
官网步骤指引:https://vant-contrib.gitee.io/vant-weapp/#/quickstart#yin-ru-zu-jian前两步没什么问题:第三步好好阅读:我的小程序基础库是:最新版第四步:如果你有使用typescript,还有第五步,去官网按照指示做即可,这里我没有使用然后就是代码组件的使用了,一毛一样即可...原创 2020-12-29 13:30:51 · 466 阅读 · 0 评论 -
关于element合并单元格,数据错乱问题
数据错乱效果展示:数据正常显示展示代码:主要的还是增加了一个rowspan的一个方法,把数组里面相同的部分组成了一个数组,然后才调用的合并单元格的那个方法objectSpanMethod,当然,也是在mounted里面去调用...转载 2020-11-24 16:32:41 · 2730 阅读 · 1 评论 -
vue调试工具vue-devtools安装及使用(亲测有效,望采纳)
第一次安装可能会失败,尝试多次安装,去GitHub下载最不容易出错本文转载:https://www.cnblogs.com/chenhuichao/p/11039427.html本文主要介绍 vue的调试工具vue-devtools 的安装和使用工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧安装:1.到github下载:(下载一定要记得是master环境的代码,默认克隆后进入的是dev环境,执行npm run build会报错,执行git ..转载 2020-09-19 01:13:44 · 683 阅读 · 3 评论 -
封装element组件是报错
我是使用element组件的时候报错的,本来想找到解决方法,没想到发现宝藏,这种查找问题源头的方法,真棒装载于:https://segmentfault.com/a/1190000021939182type check failed for prop "model". Expected Object, got Array前端vue.js发布于 3月7日在对vue elementUI进行组件的封装时候,发现一个报错。遇见问题不要换忙的去拿手机发朋友圈~呸!不要慌忙的去百度,先自己查一转载 2020-08-19 16:24:01 · 773 阅读 · 0 评论 -
Vue ,Element-ui中el-menu使用阿里图标
转载:https://blog.csdn.net/bobobocai/article/details/87707289一、登录阿里巴巴矢量图标库https://www.iconfont.cn/二、选择需要的图标,添加至项目三、进入我的项目,下载图标至本地在下载之前编辑项目四、点击下载到本地 会下载一个download.zip五、在src/assets 下 新建一个 icon文件夹,把解压后的文件放到icon文件夹六、打开iconfont.css添加 代码 [class^=".转载 2020-08-15 15:15:25 · 2788 阅读 · 0 评论 -
使用: vue+element-ui+xlsx.js 上传并预览excel文件
使用SheetJS xlsx.js上传预览excel文件转载 2020-08-13 21:31:31 · 2152 阅读 · 2 评论