- 博客(24)
- 收藏
- 关注
原创 1.JavaScript Array filter() 方法
filter() 方法 可理解为 对某一数组进行缩小范围的过滤方法注:①filter() 不会对空数组进行检测。 ② filter() 不会改变原始数组。语法array.filter(function(currentValue,index,arr), thisValue)回调函数例var arr = ['X', 'Y', 'Z'];var r = arr.filter(function (currentValue, index, arr) { console.l..
2020-07-07 10:40:34
704
原创 14.Vue中使用Treeselect
之前使用element UI中的tree控件,想展示的是不同的树形结构,在element中受label和children的限制,只能为一组对应的类别,我想要的是(公司——同层级有部门,员工——层级下属于该部门的包括部门及员工,若为部门显示部门图标,若为人员则显示人员图标),所以为两个关键字,大致就这意思吧,后来别人建议使用Treeselect 搜索到中文官方文档后,决定更换控件。链接点击进入1.通过npm安装vue-treeselect 加载依赖npm install --save @rio...
2020-06-18 12:26:02
770
原创 13.Vue中引入本地富文本编辑器TinyMCE | tinymce
上次使用的是云端TinyMCE的API KEY一方面需要注册申请,另一方面好像有免费试用时间,不断搜罗,这次分享本地下载的方法1.进入首页链接首先点击左上角 Products 然后点击 Get Tinymce 进入下载界面2.进入后,点击Download 下载,如下图依次点击,将文件下载至本地3.返回至上一界面,下载中文,汉化包4.将已下载的文件解到指定一个文件夹,第一个下载的 tinymce 选择性解压,一直点击到图中路径5.将汉化包也粘贴到文件中,最...
2020-05-28 11:35:03
2275
1
原创 12.Vue中引入富文本编辑器TinyMCE | tinymce
使用Vue写项目时,按照需求,需要引用富文本编辑器,中文文档 链接 进行了友好的翻译,在网络上搜索使用方法踩了一路的坑,今天终于知道了!!!1.百度搜索 tinymce 选择官方文档 官方链接2.进入后 点击右上角进入主页面,其实官方文档已经提供了使用方法,32.进入这一页面↓↓↓后 下滑4.至 ↓ ,集成了所有框架,点击Vue图标5.进入后便是Vue框架的集成,参照步骤,官方提供了具体使用方法 直接进入6.一般情况下,已搭建好的Vue框架,直接运行 $ npm...
2020-05-27 13:47:51
329
原创 9-Vue中使用elment的el-table时@row-click与@selection-change耦合问题
Vue中使用elment的el-table标签时,引用了@row-click与@selection-change方法,结果会出现点击行时,多选框也会被选中,官方文档中如下显示,引用事件用@XXX,出现了冲突,网上搜索许多方法,发现这一方法好用↓↓↓采用阻止冒泡,在字元素中添加可以阻止向上传递触发事件event.cancelBubble = true;加入这一行代码后,即可解决该问题~只是简单的理解,若有错误还望谅解指正!...
2020-05-22 14:48:38
2340
原创 8-Vue中使用elment的el-dialog,关闭对话框清除表单信息
用Vue做增删改查的简单页面操作,点击新增按钮弹出对话框,以form表单的形式展现,在输入框中填写信息确定提交,但第二次点击后总会有上次的信息存在,所以关闭弹窗后,需要清除对话框中表单的所有信息1.首先在div布局中放置button按钮<el-button @click="handleAdd()">新建</el-button>2.编写弹窗 在di...
2020-04-24 15:55:43
4016
原创 7-引用elment设置table行高的问题
在使用elment的table时,有一个默认行高,多次试验后发现只有这句代码的确管用下图是例子,为el-tanble中添加属性:row-style="{height:'50px'}" // 行样式,注意书写格式!!!<el-table :data="tableData" :row-style="{height:'50px'}"> <el-tab...
2020-04-24 12:51:02
227
原创 6-Vue中对字符串进行反转操作
split('').reverse().join('')对字符串进行反转操作不清楚这几个函数具体含义,百度了一下,以下是对齐简单的理解↓↓split()函数 返回一个下标从零开始的一维数组 split函数是编程语言中使用的一种函数名称,它是指返回一个下标从零开始的一维数组,split函数包含指定数目的子字符串。简单理解:将字符串分割成一个字符串数组。例: str...
2020-04-14 10:34:36
1300
原创 2.Vue中v-if、v-for、v-show等 的几个v- 的简单总结
Vue小白笔记2——v-if、v-for、v-show等 的几个v- 的简单总结
2019-07-26 17:03:38
551
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人