- 博客(42)
- 收藏
- 关注
RSS订阅原创 vue element 切换tab标签echarts出现图表被压缩变形问题
我们只需要点击到当前切换的时候在echarts父级加载完毕之后在执行echarts，而不是在页面初始化的时候就把所有tabs里面的echarts都执行。所以根据element官方文档关于tabs， 加上 :lazy = "true"就解决了（lazy：标签是否延迟渲染 ）是因为初始化页面的时候其他tabs切换是display：none，是没有宽度的。
2023-02-09 11:29:21
1405
2
原创 vue搭建脚手架之后vue.config.js配置和封装request.js
【代码】vue搭建脚手架之后配置vue.config.js和封装request.js。
2023-02-07 13:45:05
368
原创 react Cannot read properties of undefined (reading ‘forEach‘)
。安装完开发者工具ReactDeveloperTools再运行reac项目报错。下载地址https//www.crx4chrome.com/crx/3068/只需要下载这个ReactDeveloperTools，把之前的停用就好了。项目就可以跑起来了~~
2022-07-15 17:42:45
544
原创 关于vue-admin-element框架npm install 报错
vue-admin-element这是基于vue-element进行开发的后台管理系统框架项目安装这是我们只需要执行****这行命令再重新npm installnpm run dev就可以成功运行了~~~
2022-06-09 22:47:16
189
原创 git 基于某个分支创建分支,删除本地和远程分支
git 基于某个分支创建分支比如要基于dev创建新分支：方法一：1.创建新分支test，并切换到该分支git checkout -b test origin/dev2.推送到git远程仓库git push origin test方法二：1.切到dev分支上git checkout dev2.拉取dev的最新代码git pull3.在本地创建一个test分支，并切换到该分支git checkout -b test4.把新分支推到远程仓库git push origin testg
2022-05-10 16:24:34
351
原创 git远程提交，每次都输入用户名密码问题
全局设置git仓库的用户密码邮箱git config --global user.name ‘lulu’git config --global user.password ‘123456’git config --global user.password ‘123@qq.com’设置完成后可以用 git config --list 查看一下如果设置完成后每次远程拉取代码还是需要输入用户名密码输入下面这行存储一下即可git config credential.helper store...
2022-05-06 13:59:33
302
原创 node-sass报错】Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.
Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.node sass报错项目由于安装的node版本不同，安装依赖后导致项目运行失败并有报错问题。解决方案：如果是先执行了npm install之后发现项目运行时报Node Sass version 7.0.0 is incompatible with ^4.0.0类似这样的错，那么需要先卸载已下载好的node-sass依赖1、npm uninstall node-sass;2、n
2022-05-01 21:14:35
11503
4
原创 element 分页组件的使用
page-size:每页的条数current-page：当前的页数page-sizes：每页显示个数选择器的选项设置@size-change:每页条数 pageSize发生改变时触发@current-change：当前页 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum" :page-sizes
2020-12-18 11:42:11
514
原创 解决vscode中打开新的文件窗口会覆盖之前的窗口的问题【记录
按住ctrl/command+shift+p选择首选项json进入后设置下面两行："workbench.editor.enablePreview": false,"workbench.editor.showTabs": true设置完成后就不会被覆盖啦
2020-12-14 16:31:10
523
原创 JSON.parse()和JSON.stringify的区别，JSON.parse(JSON.stringify(obj))实现深拷贝
//Json.parse是将字符串转换成对象 var data = '{"name":"hahaha"}' console.log(JSON.parse(data)) //JSON.stringify将对象转换成字符串 var data2 = {name:"hahaha"} console.log(JSON.stringify(data2))JSON.parse(JSON.stringify(obj))可以实现简单数据的深拷贝 就是利用JSON....
2020-12-11 14:28:33
216
原创 element中Tree树形组件使用render-content自定义样式,修改tree最底层样式
对接接口后，最底层节点的样式想要展示多个数据如何展示，使用renderContent代码如下： <el-tree :data="Tree" show-checkbox node-key="id" ref="treevioce" default-expand-all :expand-on-click-node="false" :fil
2020-12-08 16:55:58
4152
原创 indexOf，filter简单去重。判断一个数组中是否包含另一个数组（demo3）
indexOf数组去重let arr = ['123','456','scv','123']let brr = []//遍历数组for (let i = 0; i < arr.length; i++) { if (brr.indexOf(arr[i]) == -1) { brr.push(arr[i]) //判断在brr数组中是否存在，不存在则push到brr数组中 } }console.log('brr',brr) indexOf() 方法可返回
2020-10-14 20:05:55
802
原创 ant design vue pro 支持多页签模式 页签可以缓存
ant design vue pro 支持多页签模式 页签可以缓存代码贴在最后启动之后页面是这样的：第一步：修改 src/layouts/BasicLayout.vue 文件，在该文件中添加multiTab代码块，并在页面定义 multiTab和fixedHeader 变量值第二步：修改/src/config/defaultSettings.js第三步：修改router.config.js，主要是导入RouteView，解决页签不能缓存的问题第四步：自己在菜单配置的页签要把组件改成Ro
2020-09-07 20:36:25
5582
12
原创 input标签name，value，id的区别
id是唯一标识符，不允许有重复值可以通过它的值来获得对应的html标签对象。相当于人的身份证具有唯一性name：控件的名字，一个控件是否设置它的 name 属性是不会影响到这个网页的功能实现的。但是， 当我们需要把这个控件所关联的数据传递到数据库时，就必须要设置 name 属性，name起到标识的作用，只有设置了 name 属性的表单元素才能在提交表单时传递它们的值，因为服务端获取表单提交的数据是通过表单元素的 name 属性的值而得到的，没有 name 属性就无法得到表单元素提交给服务端的值。相当于人的
2020-08-16 21:23:14
1055
原创 es6语法，forEach,map,filter遍历数组
1. forEach遍历数组 没有返回值 const arr = ['aa', 'bb', 'cc'] arr.forEach(item=>{ console.log(item); }) 2. map遍历数组 有返回值，并且返回的是数组(数组是新数组,个数和之前的一样) const newArr = arr.map(item => { // console.log(item); return item }) .
2020-08-10 15:52:10
260
原创 vue同级组件之间数据传递
一般同级传递都是指的是子组件与子组件之间的传递，因为父亲只有一个，那就是Vue实例。如果想把cpn1的数据传给cpn2,这里需要创建一个空实例Vue对象,然后利用事件方法emit("自定义参数名"，"需要传递的数据")，然后将空对象这个emit("自定义参数名"，"需要传递的数据")， 然后将空对象这个emit("自定义参数名"，"需要传递的数据")，然后将空对象这个emit(),整体写在函数内。这样他的数据就会传出去了。谁来接受呢？另一个同级组件需要用钩子函数mounted，这个钩子函数的意思是
2020-07-30 17:08:47
1882
原创 ant-design vue 实现增行减行
增行方法：handleAddColumn()删行方法：handleDeleteColumn(selectedRows)<template> <a-card :bordered="false"> <a-form @submit="handleSubmit" :form="form"> <a-tabs @change="callback" defaultActiveKey="2" type="card"> <a-t
2020-07-28 17:02:56
952
原创 vue中父子组件之间的传递 props和$emit
props父传子:父组件的数据传递给子组件 $emit子传父:子组件的数据传递给父组件 props 父传子 :<!-- 父 --><div id="app"> <!-- 子 父 --> <cpn :cmovies="movies" :cmessage="message" :cinfo="info"></cpn></div><!-- 子 --&.
2020-07-28 16:40:47
471
原创 antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key
Ant Design Table组件报错：表中的每个记录应该有唯一的“key”支持，或者将“rowKey”设置为唯一的主键。解决方式：在table表格中设置一个rowkey属性即可 <a-table :pagination="false" :columns="columns" :dataSource="data" rowKey="columnId" :row-selectio
2020-07-28 14:07:10
19603
7
原创 Cookies和localStorage、sessionStorage区别及用法
localStorage: localStorage 的生命周期是永久的，关闭页面或浏览器之后 localStorage 中的数据也不会消失。localStorage 除非主动删除数据，否则数据永远不会消失 setItem (key, value) —— 保存数据，以键值对的方式储存信息。 getItem (key) —— 获取数据，将键值传入，即可获取到对应的value值。 removeItem (key) —— 删除单个数据，根据键值移除对应的信息。 clea
2020-07-22 09:25:18
126
原创 javascript中的深拷贝与浅拷贝的区别
深拷贝与浅拷贝1.浅拷贝：只复制指向某个对象的指针，而不复制对象本身，新旧对象共享一块内存;2. 深拷贝：复制并创建一个一摸一样的对象，不共享内存，修改新对象，旧对象保持不变;实现深拷贝一般有两种方式：（1）递归（2）JSON.stringify结合JSON.parse的方式//浅拷贝 const a = [0,1,2,3,4] const b = a a[0] = 1 console.log(a,b); //结果： //a:1,1,2,3,4,5
2020-07-21 15:04:05
170
原创 js判断对象是否为空(Object.keys(obj).length)
js判断对象是否为空：语法： Object.keys(obj).length === 0 const objdata = { name: 'li', firstname: 'yong' } console.log(Object.keys(objdata));//["name", "firstname"]所以，我们可以通过 Object.keys(obj).length 是否为零来判断对象是否为空 Object.keys(o
2020-07-02 14:40:25
2150
原创 自定义构造函数创建对象和工厂模式创建对象的区别
<script> // 工厂模式创建对象 function createObject(name,age){ var obj=new Object(); obj.name = name; obj.age = age; obj.sayHi = function(){ console.log("你好"+this.name + ",我今年"...
2020-06-22 10:39:43
371
原创 v-model实现数据双向绑定的本质
v-model用于表单<input>、<textarea> 及 <select> 数据的双向绑定，其本质上有两个作用：1.v-bind(:)绑定一个value属性，将监听事件的数据放入input中 :value2.v-on(@)给当前元素绑定input事件，对input事件的监听 @input简单案例： <input type="text" v-model="test">{{test}} <br> &
2020-06-19 16:22:18
225
原创 函数有无返回值return的区别
函数无返回值(return)：打印出来的total为undefined，接收不到返回的值 function sum(a,b) { var result = a + b; // return result; } var total = sum(10,20); console.log(total); //undefined函数有返回值(return)：打印出来的total = 30，可以接收到返回的
2020-06-19 10:12:54
5200
原创 js，将一个函数作为另一个函数的返回值
//先定义一个数组var studentsData = [{ name: "mike", age: 17 }, { name: "loren", age: 16 }, { name: "frank", age: 18 }];//将数组按姓名排序function compareFunctionByName(object1, object2) { var val
2020-06-11 16:33:09
1096
原创 vuex的基本使用--vuex入门
在src下新建store文件夹，在store新建index.js,在main.js中导入store,挂载store,注册了一个组件hellovuexmain.jsimport Vue from 'vue'import App from './App.vue'import store from './store'Vue.config.productionTip = falsenew Vue({ store, render: h => h(App),}).$mount('#app
2020-06-09 17:28:53
175
原创 axios发送请求（baseURL有多个的情况）
baseURL只有一个request.jsimport axios from 'axios'export function request(config){ //1.创建axios的实例 const instance = axios.create({ baseURL:'http://152.136.185.210:8000/api/n3' }) //发送真正的网络请求 return instance(config)}main.jsimpo
2020-06-04 23:32:52
5370
2
原创 $refs的使用
$refs的基本用法： <div id="app"> <div ref="box">{{ msg }}</div> <button @click = "change">点我改变msg的值</button> <input type="text" ref="input1" id="input1"> <button @click="add">添加</but
2020-06-01 17:36:10
932
原创 $watch()监听
demo1:监听counter的变化<div id="app"> <p style="font-size: 25px;">计数器:{{ counter }}</p> <button @click="counter++" style="font-size: 25px;">点我</button></div> const app = new Vue({ el:"#app",
2020-06-01 14:28:00
614
原创 局部过滤器的使用filter
<div id="app"> <!-- msg是作为参数传给filterA函数， 而filterA函数的返回值作为参数传给filterB函数， 最终结果显示是由filterB返回的。 --> <div> {{ msg | filterA | filterB }} </div> <div> <!-- 带参过.
2020-06-01 10:13:46
922
原创 vue中计算属性computed
<div id="app"> <p>{{ message }}</p> <p>{{ reversedMessage }}</p> <p></p> </div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script> .
2020-05-20 11:09:38
81
原创 vue基本指令 v-on与v-bind
v-bind vue提供的属性绑定机制 缩写是 :v-on vue提供的事件绑定机制 缩在这里插入代码片写是 @<input type="button" value="按钮" :title="mytitle+'123'"><input type="button" value="按钮" @mouseover="show"> <script> ...
2020-03-26 16:00:51
112
原创 mouseover和onmouseover
用于jq:mouseover：鼠标经过事件 //冒泡mouseout:鼠标离开事件mouseenter:鼠标进入事件 //不冒泡mouseleave：鼠标离开事件用于js:onmouseover：鼠标经过事件onmouseout:鼠标离开事件onmouseenter:鼠标进入事件onmouseleave：鼠标离开事件...
2020-01-14 17:58:02
10311
2
原创 css实现图片旋转360°
css部分 img { transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 1s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } img:hover ...
2020-01-09 18:09:04
2096
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人