- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue scss使用data中定义的变量
1、 定义变量 bgColor:{ type:String, default:"#45A8ED" }2、template 中引入 <span :style="{'--bgColor':bgColor}">{{item}}</span> 3、css中写入 .cs{ background-color: var(--bgColor); padding: .208333rem .35rem; border
2021-04-19 15:45:45
5861
原创 element-ui Tree 树形控件点击节点请求数据并渲染
<template> <div> <div v-if="!editFormsFlag && !copynodesFlag"> <el-row> <el-col :span="24"> <el-tree ref="tree" node-key="id" lazy //使用懒加载
2021-03-12 17:51:11
3714
原创 原生js 删除包含某个类的标签
原生js 删除包含某个类的 标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-03-04 15:42:38
576
1
原创 获取当前日期到上月今天的日期
获取如 2020-6-11 到 2020-5-11 排除大小月 本月是大月上月小月为30 // 获取上月日期 getPrevDate(date) { var arr = date.split('-'); // 获取当前日期的年份 var year = arr[0]; // 获取当前日期的月份 var month = arr[1]; var day = arr[2]; var prevYear = year
2020-06-11 15:49:07
314
原创 vue 双向数据绑定 更改css 样式
使用vue data定义的变量去控制css的样式（是双向数据绑定的，data更改css也跟着更改了）第一步： 在父级或者要更改的元素 写如style对象 如下图：第二步：在data中定义变量第三步：使用var 在less或者css中更改...
2020-06-11 11:52:23
1082
1
原创 vue router 文档阅读理解
vue router 文档阅读理解每个守卫方法接收三个参数：to: route 即将要进入的目标路由对象from route 当前导航正要离开的路由next function 确保要调用 next 方法，否则钩子就不会被 resolvedconts router = new VueRouter（）// 使用router.beforeEach() 注册一个全局前置守卫router.beforeEach((to,from,next)=>{ next();// next(): 进行管道中
2020-05-28 15:27:06
104
原创 iview 文字提示Tooltip 鼠标放上去不显示文字提示
iview 文字提示Tooltip父级设置overflow：hidden 鼠标放上去不显示文字提示只需要在代码上添加这个props就会不受父级影响<Tooltip transfer placement="right" :content='item.name' :key="item.code" > </Tooltip>...
2020-05-21 17:11:49
1483
2
转载 bootstrap分页插件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2020-05-07 15:17:37
240
原创 移动端font-size适配总结
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"><!-- width...
2020-05-07 10:52:39
469
原创 css学习总结
user-selet ： none // 控制用户能否选中文本:empty //选择每个没有任何子级的元素（包括文本节点）。:first-letter //操作块级元素的第一个字符 所有主流浏览器都支持 :first-letter 伪元素。...
2020-04-30 11:16:31
91
原创 npm 报错npm ERR! A complete log of this run can be found in: npm ERR！
全局安装webpack报错一、更新本地npm npm install npm@latest -g二、删除本地node_modules文件夹(安装全局rimraf ）使用rimraf 卸载 npm install rimraf -g rimraf node_modules三、重新安装npm install -g webpack...
2020-04-30 10:48:46
2460
原创 数组常用方法总结
1、arr.every(function) 循环每一个是否符合条件返回布尔值2、arr.some(function) // 至少一个符合条件就返回true2、arr.flat（） 可将多维转换为一维或者指定深度也可以去除多余空余项var arr4 = [1, 2, , 4, 5];arr4.flat();// [1, 2, 4, 5]arr.flat(Infinity); // 不管...
2020-04-23 14:27:57
92
原创 iveiw table表单渲染组件并绑定事件 实现父子组件传值
iveiw table render自定义组件 editCell 并绑定点击事件 使用nativeOn
2020-03-31 15:02:49
206
原创 select2 ajax 获取数据并回显
select2 ajax 请求数据$(dom).select2({ width: "100%", allowClear: true, ajax: { url: “/select2/info”, async: false, data...
2020-03-27 14:42:19
1242
原创 vscode 设定清空控制台快捷键
ctrl+ shift+p 打开首选项 输入Preferences:Open KeyBoard ShortcutsTerminal:clear输入自己设定组合键 即可
2020-01-08 16:47:09
1521
原创 更改iview组件默认样式
重点 @deep: ~">>>";@{deep} .ivu-modal-body 与类之间要有空格@deep: ~">>>"; #qualityControlIssueList { height: 100%; .textRight{ text-align: right } .searchForm{ .ivu-for...
2019-10-28 15:34:54
3067
1
原创 iview InputNumber内容为空
iview InputNumber 数字输入框 没有值显示为空 传值设为null <FormItem label="显示顺序" prop="order"> <InputNumber v-model="qualityStandardForm.order" :min="1"></InputNumber> </For...
2019-10-25 16:32:59
2405
原创 tree结构拆为一维数组 一维转多维 tree结构
buildTreeList(data, id, parentId) { this.treeDataIdObj = ""; let treeData = []; let tmpMap = {}; for (let i = 0, l = data.length; i < l; i++) { // 以每条数据的id作为obj的...
2019-10-24 13:53:40
398
1
原创 拼音码搜索子节点找父节点 tree
/** * 拼音码搜索树结构查找父节点 */ handleSearchPYM() { let searchVal = this.serchValue; // 搜索内容 let treeData = this.$lodash.cloneDeep(this.getTreeData); // 整理tree节点数据 var tre...
2019-10-24 13:51:57
206
原创 iview Table组件分页序号不累加问题
{title: ‘序号’,align: “center”,minWidth: 100,sortable: true,render: (h, params) => {return h(‘span’, params.index + (this.currentPage - 1) * this.pageNum + 1) // currentPage 当前页 pageNum 每页显示条数...
2019-10-24 13:45:57
587
原创 单选按钮再次点击取消选中
<input name="hobbies" value="" type="radio" />唱歌 <input name="hobbies" value="" type="radio" />游泳 <input name="hobbies" value="" type="radio" />跑步 $(':radio')...
2019-04-16 15:03:58
4858
原创 GoJS使用总结
GoJS官方文档 ， 官方案例项目中运用到简单的总结一下，GoJS是一个依赖于HTML5功能的JavaScript库，所以您需要确保您的页面声明它是HTML5文档<!DOCTYPE html> <!-- 该声明为html5--><html lang="en"><head> <meta charset="UTF-8"&
2019-01-08 15:17:06
2425
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人