Ninewu的博客

原创 2023常见Vue面试题（含答案）

vue是一个js的渐进式框架，简单，易用，灵活。

原创 树形结构全部替换某个字段名

树形结构全局替换某个字段名

原创 微前端介绍

微前端是一种现代化的Web应用构建策略，通过拆分和组合小型应用来构建大型复杂应用，提高了开发效率和应用的可维护性。微前端基于Web Components、ES Modules等现代Web技术，通过定义一套标准的接口和规范，将不同的前端应用进行解耦和组合。每个微前端应用都是一个独立的模块，可以独立地进行版本管理和发布。

原创 micro-app搭建微前端

【代码】micro-app搭建微前端。

原创 Vue时间轴

之前有这样子的需求没有用第三方插件于是自己写一个简单的时间轴。

原创 el-input 赋值 不回显

问题：给input框赋值不回显需要点击其他输入框才会回显解决：事件中添加 强制刷新 this.$forceUpdate()好啦，测试一下

原创 cnpm install -g @vue/cli 报错

window10 安装node 之后， node -v和 npm -v ，cnpm -v都测试正常结果cnpm install -g @vue/cli 报错Error: EPERM: operation not permitted, mkdir 'D:\nodeJs\node_global\node_modules\@vue'找了好多办法结果发现是权限不够，于是就有了解决办法在安装node的目录下点击属性， 找到安全给设置完全允许设置就ok啦...

原创 Node下载安装步骤

Node下载安装步骤1. 下载node地址：http://nodejs.cn/download/（window10下）根据电脑配置选择32位还是64位2. 下载完成之后安装 一直点Next完成之后测试是否成功3.测试是否安装成功然后在cmd 命令下执行node -vnpm -v安装好node ，npm 也就可以用了4.配置npm在安装全局模块时的路径和缓存的路径先在安装好的nodeJs文件下面创建两个空文件夹分别是node_cache和node_global然后在cm

原创 使用vue-video-player保存观看记录

使用vue的video-player保存观看记录安装 vue-video-playernpm install vue-video-player -S;引入vue-video-player（我是在页面引入的没有在全局引入）在html中在data中设置常用参数 playerOptions在methods中我是在暂停和播放结束的时候请求后台接口把数据给后台传过去的如果想让视频自动播放则设置 playerOptions参数中的 autoplay...

原创 打包 script-ext-html-webpack-plugin报错

npm run build 打包遇到这个错误于是发现是没有装 script-ext-html-webpack-plugin 安装之后解决此问题。重新 build 就成功了

原创 课程表插件Timetables

课程插件在vue项目中使用项目中用到之前是用element-table做的,但要求课程一样的要合并单元格,于是啊找了这个插件,分享一下参考地址: https://github.com/Hzy0913/Timetable安装:npm install timetables或者从上面github地址里面下载 Timetables.min.js参数:代码在data里面定义在mounted里面直接调用如果有条件查询按钮,在点击时候直接使用srtOption,重新赋值给courseList

原创 echarts关系图 报错 focusNodeAdjacency undefined

昨天画echarts 关系图，遇到一个报错，找了好久没有找到问题所在，所记录一下后来才发现是因为，没有设置layout属性但layout写none 还会报错然后看了一下其他的关系图 把layout：'none’改成layout：‘force’显示正常...

原创 js中CTS时间转换成正常日期格式

今天遇到CTS时间转换问题，于是写了一个公共得方法dataFormat(date) {let data = new Date(date)const nowDate = data.getFullYear() + ‘-’ + (data.getMonth() + 1) + ‘-’ + data.getDate()return nowDate}console.log(this.dataFormat(“Sun May 05 00:00:00 CTS 2019”)) // 2019-5-5如果月份和日期

原创 element-ui中 table 刷新问题

今天给table 赋值发现没有变化，后来才发现是表格没有刷新的问题给table 加 :key="Math.random()"就会刷新啦嘻嘻????

原创 点击按钮切换，echarts 图显示不正确

在点击tab标签切换内容的时候，echarts 图宽度显示不正确，直接上图是因为没有刷新echarts，于是乎在点击切换的时候添加 $nextTick()方法然后显示成功就是这么多，有什么问题可以提出来呦嘻嘻...

原创 vue 项目中 npm run dev 运行98% after emitting CopyPlugin 卡死

写项目时然后运行 发现如下问题：试了删除node-modules 之后重新install 还是不行，后来在网上有人说他是import 引入图片是空的，不能为空解决了这个问题我就在我的项目中找 发现真的是这种问题[外链图片转存中…(img-w36sILKf-1591783740865)]我把地址改好之后重新启动就好了记录一下。...

原创 计算当前时间在不在某一时间段内

var startDate = new Date(“2020-05-20 08:00:00”)var endDate = new Date(“2020-05-29 08:00:00”)var nowDate = new Date()if(nowDate >= startDate && nowDate <= endDate ) {console.log(1)} else {console.log(2)}

原创 js 解决在当前页面下载文档问题

window.open()之前下载的时候都是用 window.open(), 但是点击按钮的时候回跳一下页面这次用的是另外一种方法,而且这个点击下载不跳转页面

原创 vue中报错 [email protected] dev: `vue-cli-service serve`

作为过来人这个报错之前出现过好多次,但还是记录一下怎么解决这个问题删除node-modules(快速删除node-modules之前有做记录),然后在重新instll 一遍就好了

原创 cookie sessionStorage和localStorage区别

原创 vue3.0中解决浏览器兼容

先安装 npm i babel-polyfill --save-dev然后在vue.config.js 文件中的 chainWebpack 添加然后就好啦,测试一下

原创 vue 中用js计算两个时间差

选取时间计算两个时间差的函数 天,时,分,秒计算两个时间的小时数 (也可以选择天, 分钟, 秒, 改变第三个参数)

原创 vue中引入中国天气插件

中国天气插件地址 https://cj.weather.com.cn/plugin/pc制定你想要的样式和位置制定你想要显示的内容然后输入设置名称点击生成代码,就会出现下面的内容在vue中使用复制第二个script标签中的地址并打开把内容写到你的项目中然后在右上角就显示出来了啦啦啦啦,因为上面设置显示是右上角当然你也可以自定义位置....

原创 vue 项目可视化创建

首先全局全装npm install -g @vue/cli之后查vue 版本号 vue -V必须在 3.0以上才可以然后在你想安装项目的文件夹下面输入 vue ui会自动打开localhost:8000然后在该文件夹下面创建项目在预设那里选择手动之后在功能那里选择想要安装的插件创建成功之后也可以安装想要的插件在配置那里选择如下之后可以直接创建项目不保存预设,也可以...

原创 vue组件element中树形控件Tree获取当点选中的值

在element 树形控件中获取当前选中的值在 element 树形控件中获取当前选中的值的id上下两个不一样呦, 不过两个拿到的值都是数组

原创 vue组件element中级联选择器Cascader 的自定义内容

在 element中的级联选择器中自定义内容添加链接描述后台传参是这样的而在Cascader 中的是这样的只可以用value和label来接收显示所以就有了以下的内容:在参数options文档介绍这个参数是传递后台传给的cascader的数组值而Props参数包含内容就比较多了,所以改变自定义内容就是在这个里面改变的官网默认是’value’he’label’,所以我们可以...

原创 vue-element-admin点击路由报错Error in render: "RangeError: Maximum call stack size exceeded"

近期在做vue-element-admin项目时遇到下面这个报错后来把route下面的index.js中的404页面由改成下面这样然后就没有报错了

原创 vue-element-admin 配置后台接口

修改vue.config.js中的proxy在.env.development中把 VUE_APP_BASE_API改成后台的ip就ok啦!

原创 elementUI中input框中赋值不显示

今天早上碰到这样一个问题, 输入id,查询姓名并赋值显示到input框中,但是已经拿到值不显示,代码是这样写的但是并没有显示后来发现是视图没有更新,解决办法强制重新渲染,给代码中添加this.$forceUpdate()...

原创 在vue 项目 core-js报错 core-js/modules/es6.array.find-index

今天早上新拉代码然后install之后npm run dev报错提示页面提示报错于是在网上找了一下,发现是core-js版本太高***给它安装cnpm install core-js@2* (我用的淘宝镜像)成功完结....

原创 下载指定版本的node

今天早上新拉的代码,然后install时候报错,发现是node版本比较高,在网上就着了好几种办法,后来把本地的node删除之后重新下载了指定的node版本解决了问题https://nodejs.org/download/release/在这个链接里面找你想下载的node版本,点击之后选择.msi,然后下载就好,前提是你要把本地的node卸载之后,重新安装就好...

原创 快速删除node-modules文件

现在下载全局rimraf模块npm install rimraf -g然后通过rimraf删除node_modulesrimraf node_modules

原创 vue中光标自动显示到指定的input框内

给input 标签内加 ref="inputName "然后在想要执行的地方写 this.$refs.inputName.focus()举例：我是在想要打开这个页面的时候把光标显示到input框内所以加在mounted中如果想在执行事件之后让光标显示到input框内就加在事件中...

原创 $route和$router的区别

route是当前跳转路由的局部对象，获取到相对应的name，param，path，query。router是VueRouter的一个实例，是一个全局的路由对象，有很多对象和属性。举例：history对象跳转到不同URL所以一般会用到$router.push({path:‘index’})其实是添加了一个history记录...

原创 js中字符串常用函数

截取字符串str.slice(start, end)start开始位置，end结束位置举例：var str=‘abcde’str.slice(1,3) //bc如果start 为负数 如-1,会获取到最后一个str.slice(1,3) //e分割字符串str.split()把字符串分割成字符串数组举例：var str=‘abcdefg’str.split("") /...

原创 vue中用formatter修改Table某一列数据

在解决改变table某一列数据中，之前一直在拿到数据时判断，今天学习了另外一种解决办法，如图html代码中js代码中页面中显示