![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
十里春分
这个作者很懒,什么都没留下…
展开
-
关于Error:Cannot find module “node-sass“
由于nodejs版本更改,运行项目时出现如图报错信息,但是直接npm install node-sass又总是失败。此时要注意,要根据nodejs版本安装。地址在这里:查看对应支持的版本:node-sass - npm解决问题。...原创 2022-01-26 15:02:12 · 1190 阅读 · 0 评论 -
echarts富文本rich的使用
let xAxis = { type: "category", data: barData.map((item) => item.name), axisTick: { show: false, }, nameTextStyle: { color: "#fff", }, axisLine: { show: false, ...原创 2021-07-27 10:59:24 · 5594 阅读 · 0 评论 -
axios跨域调用接口
1、配置将要访问的接口地址2、在全局引入axios,并设置前缀带有api的进行转义3、在使用时,要配置接口的路由接口中多写一个api前缀,使用时会转义到实际接口4、调用即可,两种调用方式5、页面访问接口时会出现此路由就对了,实际访问的就是第一步配的地址。500是服务器抛出了异常,好好改改服务端。目前完成了开发环境的跨域请求接口,生产环境下请看另一篇。...原创 2021-07-13 13:25:41 · 574 阅读 · 0 评论 -
离线屏幕共享,局域网实现
硬件环境:两台电脑,一个手机。电脑A界面小不适宜使用,但是拥有所有代码和运行环境。电脑B 界面大,但是什么环境都没有。没有网络的情况下,实现开发界面的运行和互联。手机开热点,A电脑连接,可以访问互联网。方式一,通过局域网互相访问互联的方式1、给两台电脑配置IP,使他们在一个局域网内部。(A电脑如下图)2、在B台电脑命令界面ping 192.168.1.2测试可以拼通说明可以连接。3.在电脑A跑程序,界面输入地址localhost:8080成功访问程序,此时程序后台访问服务器115.*原创 2021-05-12 11:24:29 · 1036 阅读 · 0 评论 -
webpack的学习
webpack性能优化开发环境的性能优化:优化打包构建速度,优化代码调试生产环境的性能优化:优化打包构建速递,优化代码运行的性能开发环境优化:1.dll动态链接库,将库打包成不同的文件。对代码进行单独打包。...原创 2021-04-12 19:14:22 · 75 阅读 · 0 评论 -
2021-03-12vue路由的学习
路由中url的hash渲染,和HTML5的history动态路由,在进入界面的时候根据用户进行跳转,记录在路由上。router-link 的to后面拼接变量进行跳转。this.$route当前活跃的路由信息可以拿到。vue-router打包文件的解析:js :APP.JS所有业务代码,我机子写的。vendor.js提供商第三方(vue,vue-router,,,插件) manifest.js为打包代码做底层支撑。路由的懒加载的使用,第一次请求页面的时候,如果页面的业务越.原创 2021-03-12 18:07:50 · 97 阅读 · 0 评论 -
vuex
多组件共享状态的问题1、多个视图依赖于同一状态2、来自不同视图的行为需要变更同一个状态3、以前的解决办法a:将数据以及操作数据的行为都定义在父组件b:将数据以及操作数据的行为传递给需要的各个子组件有可能会有多级传递4、vuex就是解决这个问题的实现功能的调用,使用方式1:实现功能的调用,使用方式2:回调函数名要和store的action一致,如果不一致,使用对象进行对应起来:(最好保持一致)vuex结构图:...原创 2021-01-20 16:56:29 · 84 阅读 · 0 评论 -
vue源码学习,MVVM框架实现原理
直接看源码比较复杂,从三个方面学习实现原理:1、数据代理2、模板解析3、数据绑定准备工作:1.node.nodeType得到节点类型 元素节点,属性节点,文本节点,document节点2、Object.defineProperty()的用法 主要是get,set get回调函数,根据其他相关属性动态计算得到当前属性值 set回调函数,监视当前属性值的变化,更新相关的属性值3,Object.keys(obj) 得到对象自身可枚举属性组成的数组...原创 2021-01-15 11:40:55 · 249 阅读 · 0 评论 -
在页面引用同一个组件,相互影响的问题
只有第一个图可以显示,下面的图都不能显示出来,操作任何一个第一个图都会跟着变化。echarts.init有问题,如果用了class或者id选择器选择元素来init了错误示范:<template> <div class="liquid-fill-water"> <div class="liquid-fill-health" id="liquid-fill-health" ref="chartsliquid"...原创 2020-12-05 21:47:28 · 3972 阅读 · 1 评论 -
node --max-old-space-size=4096不是内部或外部命令
如题,,,,这才是问题的关键,毕竟前面的问题一大堆解决方案。问题的原因是这样的。搜一下关键字都能知道问题的原因就是项目太大,运行空间不足。一大堆解决方案,本次也采取了其中一种。package.json中增加这么一行,进行扩容。删掉原来的 :node_modules然后:npm install然后:npm runfix-memory-limit然后:可以运行项目:npm runstart:beta2然后你会遇上最烦的报错:解决方案也搜的到:可怕的是*..原创 2020-11-26 12:39:32 · 22527 阅读 · 25 评论 -
el-upload实现导入数据
1、引入el-upload组件,配置相关属性,由于action必须配置,并会自动访问localhost,当前要访问远程服务器的接口,就可以通过自定义http-request属性完成接口调试,否则会出404的错误<el-upload ref="uploadref" action="none" //这里是必配属性,会默认访问localhost ...原创 2020-03-05 10:00:01 · 939 阅读 · 0 评论 -
el-select,el-option,el-tree制作树形下拉框
1、效果如图:2、引入组件,配置相关属性 <el-select v-model="mineStatus" //这里显示下拉选择时对应的节点信息 placeholder="请选择" clearable //可以清除当前信息 > <el-option :value="treedata1...原创 2020-03-05 09:38:10 · 3945 阅读 · 3 评论 -
el-table实现多选并高亮显示
1、<el-table ref="multipleTable" :data="tableData3" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" @row-click="handleclick...原创 2020-02-19 13:48:52 · 2560 阅读 · 0 评论