随笔分类 - javascript
摘要：要自定义tree组件展开折叠图标，最简单的办法莫过于直接改css，无需写复杂的DOM结构，如下 <el-tree :data="data" icon-class="icon-tree" :props="defaultProps" @node-click="handleNodeClick"></el-
阅读全文
摘要：element ui 官网 Form组件提供了一个动态增加表单项及验证的demo，但其过于简单，以至于网上存在很多动态增加表单项，无法正确验证的问题，按官网方法尝试多次无效后，果断甩开官方写法，完全换一种方式实现，代码如下： <el-form :model="dynamicForm" ref="dy
阅读全文
摘要：案例一： function Cat(name, color) { return { name: name || 'cat', color: color || 'black' } } const cat1 = new Cat('kity', 'white') const cat2 = new Cat(
阅读全文
摘要：网上找了很多配置方式，要么讲的不全面，要么就是用ts写的，相信大部分都是直接用create-react-app方式创建的项目，本文就针对此种方式配置 1、安装依赖 npm install react-app-rewired --save-dev npm install customize-cra -
阅读全文
摘要：核心点： 1、选用zrender.js绘制 2、绘制坐标轴，原点在左上角 3、根据坐标轴宽高，转换数据点
阅读全文
摘要：这个话题纯属炒冷饭，已经有不少同行搞出来了，本文只是记录自己处理的过程。 不管哪个系统，多语言方案套路都是一样的 1、建立多语言映射库 2、记录并存储用户选择的语言版本，下次进入直接进入对应语言版本 3、根据用户设置动态加载语言版本 4、前台调用 上代码 项目根目录新建i18n目录，在该目录下存放不
阅读全文
摘要：这个问题的难点在于综合，分解下来有四个问题 1、多个柱子为一组 2、一个柱子显示多个数据 3、一个柱子上有多少种数据就显示多少种颜色 4、鼠标悬浮每个柱子显示不同数据 以上四个问题，每一个单独实现都不难，难的在于如何用到一张图上 来看看效果图： 每一组三根柱子分别是一班，二班，三班 上代码： con
阅读全文
摘要：上图是多次点击弹出警告框的效果，按照正常的理解，只要弹出过一次，后面不管怎么点都不应该在弹出，用原来的消息体即可，可惜element ui没有做这方面的处理，因此只能自己封装了 // element ui message封装，避免同一消息反复弹出 import { Message } from 'e
阅读全文
摘要：之所以看Pagination源码，由于一个问题： 需求：从列表页进入详情页后再返回，需求方希望保持在当前的页码而不是重新定位到第一页 问题：按照element ui文档设置current-page后请求的数据正常，但pagination的页码显示却不正确，不管current-page值等于多少，永远
阅读全文
摘要：mixins是什么？ 官网对此的解释比较文绉绉，通俗的理解很简单，就是提供功能抽象 如A，B，C 。。。Z等很多个页面用到同一个功能，此时的做法就应该把该功能抽象出来，mixins就是干这个的 当然，如果这个功能一个函数就能解决，就没必要这么干了，单独建个文件，专门放一些公用函数就行，mixins能
阅读全文
摘要：废话没有，直奔主题 问题点： fileinput提供了一个maxFileCount用于限制图片上传的数量，设置maxFileCount为1时，一次性选择超过一张会有如下提示： 当选择一张，不点上传，再次选择一张时，会这样提示： 但坑爹的是，当选择一张图片后点上传，然后再选择一张再次点上传就可以完美的
阅读全文
摘要：fileinput 配置项大全，从源码中翻出了很多属性，没那么多时间一一验证，特发出来给大家参考参考 fileinput 配置项大全 option |属性名 | 属性类型 | 描述说明 | 默认值 | | | | | | | language | String | 多语言设置，使用时需提前引入\lo
阅读全文
摘要：本文目的有两个，一、废掉单图上传，二、改造多图上传 大家都知道百度ueditor不是针对vue项目开发的，官方文档提供的源码包里有需要后端配置的接口，but到vue项目就不太好办了，网上有些文章也介绍了如何把这个编辑器整合到vue项目中去，但涉及到图片上传的部分都没用，ueditor.config.
阅读全文
摘要：百度编辑器官方并没有提供vue项目使用说明，目前网上也有不少人实现了相关功能，这里就不再重复，只是针对自身项目碰到的情况做个记录，就当是熟悉了一遍富文本编辑器的代码结构。 按照网上的做法，基本可以实现编辑器的基本使用，但存在两个问题 a、编辑器内容回显，调用官方的setContent方法无法将后端返
阅读全文
摘要：写插件很简单，满足两个条件即可，一、基本的逻辑思路，二、熟悉插件语法要求。本次Vue插件也比较简单，点击“查看图片”用轮播的方式限制用户上传的图片，如图： 项目采用的是vue-element-admin 在‘src/components’下新建‘imgPreview’文件夹，然后在该文件夹下新建‘I
阅读全文
摘要：如图： 上图是jQuery weui的时间选择控件，红框处本来应该有个“取消”按钮的，可惜偏偏没有，当用户不想选择的时候就不好处理，虽然插件提供了点击其他区域关闭的功能，但过于隐晦，不容易发现，因此本文的目的就是把这个取消按钮加上. 直接上代码： 大概4016行下面添加一个取消配置项，4021行下面
阅读全文
摘要：之所以要写这篇文章是因为插件有个bug，要改掉这个bug比较麻烦，所以就想了个折中的办法，绕过这个限制，方法千万条，功能干出来第一条，哈哈 最近做了个需求，效果图是这样的 第一个框是大轮播，第二个框是嵌套轮播，相信看到这种需求头都大，其实仔细一点的话也没什么问题就是烦了点，这里就不上代码了，具体看后
阅读全文
摘要：jQuery weui有个支持单选或者多选的select弹出层，默认他是这样的 第2部分选择什么值，第1部分就显示什么值，一般的场景支持是没问题了，但本次开发碰到了一个问题。 需求描述： 职业名称后面要显示一些描述，如“法官 2个案件在审理”，“医生 正在做手术”，同时要求点击对应项时，只显示“法官
阅读全文
摘要：下面的代码会输出什么？为什么？ 结果分别是 122，32，02，112，NaN2，NaN 这里要注意的是第二题和第三题 第二题的+“2”的结果是把字符串2转换成了数字2，结果就成了字符串32 第三题的-“2”的结果是把字符串2转换成了数字2，结果成了字符串02 +，-运算符在这里起到了转换的作用，将
阅读全文
摘要：请问f1和f2有什么不同？ f1只是一个普通的对象，无法拿到Func原型上的任何东西 f2则是一个拥有完整继承关系的对象，可以拿到Fun原型上的所有东西 这是因为： “显式的 return 表达式将会影响返回结果，但仅限于返回的是一个对象。” 参考网址：http://bonsaiden.github
阅读全文
浙公网安备 33010602011771号