Vue学习
无语,人生的过客� � �
这个作者很懒,什么都没留下…
展开
-
cnpm : 无法加载文件 E:\node\node_global\cnpm.ps1,因为在此系统上禁止运行脚本。
cnpm : 无法加载文件 E:\node\node_global\cnpm.ps1,因为在此系统上禁止运行脚本。原创 2023-03-02 12:20:15 · 1013 阅读 · 0 评论 -
vue 在install时候node-sass@4.14.1 postinstall: node scripts/build.js错误
vue 在install时候node-sass@4.14.1 postinstall: node scripts/build.js错误原创 2023-03-02 12:15:42 · 12646 阅读 · 1 评论 -
vue 中 window.open打开的子路由如何调用上一个页面的方法
vue 中 window.open打开的子路由如何调用上一个页面的方法原创 2022-09-20 17:03:16 · 750 阅读 · 0 评论 -
vue-code-diff内容过长时需要拉到底才能显示横向滚动条(滚动条不管内容长短都要让它显示,还要同步滚动)
vue-code-diff组件内容过长横向滚动条不显示问题原创 2022-09-20 16:12:04 · 1269 阅读 · 2 评论 -
elementui 复制功能,无需下载插件纯原生实现
点击复制按钮实现内容复制第一种方法:(繁琐)<div slot="footer" class="dialog-footer"> <el-button @click="show=false" size="mini">关 闭</el-button> <el-button @click="handleSubmit()" size="mini" type="primary">复制</el-button></d原创 2022-05-17 11:24:34 · 2567 阅读 · 0 评论 -
Vue element中select下拉框name和value都传给后台
最近遇到一个小问题select下拉框的value和name都要传递给后台解决方案如下:首先写一个chang事件 <el-select v-model="bpmData.typeCode" placeholder="请选择所属分类类型" clearable @change="majorChange($event)"><el-option v-for="item in typeArray" :key="item.id" :label="item.name"原创 2022-01-21 15:58:55 · 5060 阅读 · 0 评论 -
Vue element中select下拉框支持手输搜索也支持下拉选择
需要一个可以手输也可以选择的下拉框代码如下:filterable 是可以搜索的<el-select v-model="table.queryParams.prequalificationUserId" placeholder="请选择预审员" clearable filterable@blur="selectBlur"@clear="selectClear"@change="selectChange"><el-option v-for="item in prequa原创 2022-01-21 15:51:44 · 6377 阅读 · 0 评论 -
Vue:在同一个页面中进行页面跳转(tab切换的)查询
需求:最近老板给了我一个需求:就是在部门绩效tab里面有员工查询的条件,需要在部门绩效tab里面输入员工查询的条件跳转到员工绩效tab里面去查询。其中部门名称查询不需要跳转页面查询我的问题误区:我始终认为在同一个页面跳转用路由跳转方式就可以。但是我发现不太行。用了很多方法。也有可能我的方法没有用对。后来我问了我的同事,他和我说在同一个页面中(tab切换),我们只需要传tab切换的值就好了,不需要页面路由跳转。我当时一想进入了误区了,太纠结这个问题的原因实现了。需求页面要求如下:解决方案:原创 2021-09-11 11:23:38 · 3622 阅读 · 0 评论 -
Vue报错: Invalid prop: type check failed for prop “data“. Expected Array, got String with value ““.
问题如下图所示:问题原因:其实原因很简单,就是他想要的是数组类型的, 自己写的是字符串类型的。找问题所在最好注释挨个看看那个报错就可以了。解决方案:经过我的排查发现是table表格的定义有问题解决如下以上就是问题解决原因,最关键的是排查出那一部分有问题,才能修改。其实个人觉得这错误不该犯错。可能自己写的东西太多,没注意导致的,希望自己下次注意...原创 2021-09-02 10:46:23 · 12891 阅读 · 0 评论 -
vue进入页面加载数据缓慢实现loading提示
比如进入一个页面数据加载缓慢的页面后,等待后端返回数据显示在页面时给个loading的样式,像下面这样:代码实现如下: getStudent() { // 开始加载 let loading = this.$loading({ lock: true,//lock的修改符--默认是false text: "拼命加载中,请稍候...",//显示在加载图标下方的加载文案 background: "rgba(0,0,0,0.8)",//遮罩原创 2021-06-24 17:09:44 · 3886 阅读 · 0 评论 -
vue报错:Duplicate keys detected: ‘1‘. This may cause an update error
问题如下:经过分析,发现v-for循环里面的值重复导致的。解决方法1:解决方法2:原创 2021-06-18 15:42:30 · 526 阅读 · 0 评论 -
vue前端代理跨域vue.config.js配置
前后端分离进行项目开发,前端需要做跨域代理才可以,后端弄也可以主要配置 vue.config.js这个文件代码如下:module.exports = { publicPath: "/", outputDir: "dist", assetsDir: "static", lintOnSave: process.env.NODE_ENV === "development", // eslint-loader 是否在保存的时候检查 productionSourceMa原创 2021-06-17 13:56:36 · 1078 阅读 · 0 评论 -
Vue + Element table中selection复选框禁用某一行(判断是否有值,无值不禁用,有值禁用)
在vue中接到了一个需求,就是判断如果有班级了(班级有数据了),就不能分配班级,禁用复选框,如果没有就可以分配,复选框不禁用。在禁用的函数中使用条件可以禁用多行,真实有效代码如图所示:<el-table-column label="操作" type="selection" :selectable='checkboxT' width="55"> </el-table-column> // 复选框判断已分配班级不能选择 checkbo原创 2021-06-16 15:47:11 · 2713 阅读 · 0 评论 -
Vue之去除JSON数据中两边的中括号
我在使用vue中遇到一个需求,就是传JSON格式的数据并且去除两边的中括号百度看了大部分的案例最后决定使用字符串替换,将“[ ]”替换成空格“ ”; // 去除Json数据两边的[] this.studentsID = this.studentsID.replace("[",""); this.studentsID = this.studentsID.replace("]","");代码如图所示:最终问题解决了,发送请求传值不在有中括号。截图如下:...原创 2021-06-16 15:33:06 · 5133 阅读 · 0 评论 -
使用vue-ui时,跳转浏览器显示空白页面
报错问题:在cmd使用 vue ui命令打开vue项目管理仪表盘,发现不管在那个浏览器打开都是空白页面啥也没有。解决方案:在本地找到.vue-cli-ui删除即可(在我的电脑用户里面,一般大部分都在用户里面)...原创 2021-04-12 10:57:53 · 619 阅读 · 3 评论 -
Vue报错:contains both .browserslistrc and package.json with browsers
报错信息如下图所示:问题解决方案:删除.browserslistrc文件就好了原创 2021-04-12 10:52:08 · 8226 阅读 · 2 评论 -
使用element-tiptap富文本编辑器报错Cannot read property ‘lang‘ of undefined
报错信息如下:解决方法:只需要在组件里面添加一个==lang=“zh”==就可以,详情可以查看官网有解决方法原创 2021-02-22 15:56:45 · 1079 阅读 · 3 评论 -
vue v-for截取前几位数组的方法
vue v-for截取前几位数组的方法有两种,但是本人推荐使用第一种方法一:直接加slice(0, 第几个数组),优先推荐使用方法二: 直接v-if(本人不推荐这种,会报错,原因很简单:v-if和v-for不能同时使用,可以看官网有说明),虽然报错,但是实现效果一致以上就是相关内容的方法解决,如有侵权请联系本人删除。...原创 2021-02-05 17:45:30 · 14546 阅读 · 2 评论 -
Chrome 浏览器安装Vue Devtools调试工具 (详细教程)
本人认为利用外网安装调试工具插件是最好的,还不会出错,但是缺点也是很简单,你要调试你就要开启外网,所以直接下载调试工具安装虽然很麻烦,但是解决了开启外网才能使用的缺点。1. 首先下载Vue Devtools调试工具https://github.com/vuejs/vue-devtools/tree/v5.1.1之所以安装5.1.1版本的原因就是我安装的过程中出错了,不能安装新版本,为了解决这个错误只能安装5.1.1版本的安装最新报错信息如下:Error: Cannot find module.原创 2021-01-24 17:29:34 · 50963 阅读 · 23 评论 -
Failed to resolve loader: less-loader You may need to install it.
1. 错误显示2. 解决方法使用命令下载即可cnpm install less less-loader --save-dev或npm install less less-loader --save-dev原创 2021-01-14 17:14:28 · 7486 阅读 · 0 评论 -
‘node-sass‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
出现上述错误原因很简单就是你没有安装node-sass,你都没有安装这个node-sass肯定就没有找不到,报不是内部 或外部命令1. 使用淘宝镜像下载即可1.1 安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org1.2 用淘宝镜像下载node-sass一般默认下载基本是5.0.0,我一般都 指定下载4.14.1版本 的指定版本下载用以下命令cnpm install node-sass@4.14..原创 2020-12-18 15:54:29 · 4542 阅读 · 5 评论 -
Node Sass version 5.0.0 is incompatible with^4.0.0 问题解决
上述这个错误是因为node-sass为5.0.0,而node-sass的期待值是4.0.01. 首先先卸载node-sass为5.0.0版本npm uninstall node-sass2. 卸载后安装4.0.0版本(5.0.0版本之前的)npm install node-sass@4.14.1一般到这一步基本没错误,但是我却有问题报了一个错误如下3.出现一个错误如下图所示其实是说这个淘宝镜像有问题不能用很奇怪为什么淘宝镜像有错误,其实是你安装了淘宝镜像请求失败了,不能使用np.原创 2020-12-18 15:34:17 · 21784 阅读 · 8 评论 -
IDEA中Vue项目中建立xxx.vue页面的标志不对(图标不显示)
IDEA中Vue项目中建立xxx.vue页面的标志不对(图标不显示)操作步骤1. 点击setting------》找到Editor2. 把模板的内容建立好并实现。3.完成后建立文件的模板图标不对,继续解决。4.这样就成功的让Vue图标变成正确的图标了。操作步骤1. 点击setting------》找到Editor2. 把模板的内容建立好并实现。<template> </template> <script>export default { na原创 2020-11-25 21:24:15 · 2128 阅读 · 2 评论