![](https://img-blog.csdnimg.cn/20201004084626293.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
本专栏记录博主在日常写代码中遇到的错误
梁同学与Android
Android 领域优质创作者,专注于安卓原生开发,专注于 Scratch、Python、Scratch、C、C++ 青少年编程等级考试等。等级考试真题请见链接库:https://download.csdn.net/download/qq_43290288/88548582
展开
-
Vue+springboot 微信支付步骤(Native)
文章目录一.注册成为微信支付的商户二.下载SDK三.在SDK中开发微信支付步骤:学习内容来自网络,学习地址推荐在最后步骤比较多,需要花费点时间看完一.注册成为微信支付的商户如果你无法注册成商户可以使用下面提供的千峰商户信息用于开发,我们使用的是Nateive支付开发文档:https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=6_1二.下载SDK选择好自己的语言来下载三.在SDK中开发1.解压SDK将pom.xml中的依赖复原创 2021-01-09 15:36:12 · 148 阅读 · 1 评论 -
vue 跳转页面传参的时候参数值为undefined的解决方法
错误代码如下:跳转之前的页面:clickScan(index,row) { this.$router.push({ path: '/biz/AssociationAcitvityEnroll', params: { associationId: row.associationId } }) },跳转之后的页面mounted: function () { this.associationId = this.$route.params.a原创 2020-10-04 08:39:36 · 8932 阅读 · 4 评论 -
使用element ui 组件的时候,如果使用两个或多个按钮在同一个单元格内,按钮会竖着排列,但是不能够对齐怎么解决?
问题例子如下:我们发现查看和报名并不是对齐的,解决操作如下打开浏览器的开发者模式,我的是搜狐浏览器(按F12就可以弹出)点击右上角的方框套箭头的图标,再将鼠标移到绿色的报名按钮上点击一下,我们发现这个按钮有一个自带的左边距10px那么我们在代码中给这个按钮的左边距设置成0即可,代码如下:<el-table-column align="center" label="操作"> <template slot-scope="scope" width="100px">原创 2020-10-03 21:29:22 · 9829 阅读 · 6 评论 -
vue项目如何刷新当前页面
推荐博客:https://blog.csdn.net/qi_dabin/article/details/81079632原创 2020-09-29 15:57:53 · 206 阅读 · 0 评论 -
vue+springboot-前台怎么回显本地文件夹下的图片
如果你想在前端回显本地文件夹下的图片,那么你就要在上传图片的时候将图片上传的路径设置成后台项目文件夹的路径,在浏览器输入地址即可访问。上传到服务器的我就先不举例了。图片上传的位置:后台端口:8188浏览器输入地址访问图片:localhost:8188/upload/86d4a515-fa81-4ef6-b070-3f5f0e4971a5.jpg...原创 2020-09-29 10:53:32 · 1984 阅读 · 0 评论 -
vue+springboot图片上传,addResourceHandlers调用无效
当vue前端上传一张图片到sptingboot后台文件夹下的时候,需要重启启动后台项目,才可以在浏览器中访问刚刚上传的这张图片,如在浏览器输入:http://localhost:8188/123.jpg123.jpg前面都是你后台项目的访问路径,因为你的图片已经保存到后台了,所以通过http://localhost:8188+图片名称就可以访问图片,解决的方法就是写一个配置类,如下,但是配置完之后还是调用不了,证明addResourceHandlers调用无效项目文件目录:配置类代码:impo原创 2020-09-29 10:46:06 · 4438 阅读 · 0 评论 -
vue 在进入某一个页面的时候,created方法不执行,----亲测,通俗易懂
今天在写vue项目的时候遇到了这样一个问题当我点击某一个二级菜单的时候会进入到相应的页面,但是这个页面的created方法不执行代码如下:data(){ return{ uploadData: { userId: '123', } } },methods: { resetEditFrom() { this.editForm = {} }, created() { console.log("come in...原创 2020-09-29 10:09:41 · 10078 阅读 · 8 评论 -
Vue+elementui 图片放大最好用的组件
组件:vue-directive-image-previewer1.在vue前端控制台Terminal中输入以下命令npm install vue-directive-image-previewer -D2.在main.js中添加以下代码//图片放大组件import VueDirectiveImagePreviewer from 'vue-directive-image-previewer'import 'vue-directive-image-previewer/dist/assets/原创 2020-09-25 16:13:17 · 3502 阅读 · 0 评论 -
Vue怎么将后台(springboot)中的图片显示到前端表格中
1.首先,你后台的项目列表中有可以访问的图片,如下(我将图片保存到数据库并同步保存到项目文件夹的static中)2.输入http:localhost:后台的端口+图片的名称有的同学可能看不懂上面的地址,我举个例子http://localhost:8188:111.jpg(就是这个样的),意思是你的端口地址加上图片的名称就可以访问当前的图片了3.前端部分代码,只展示显示图片部分的 <el-table style="width: 100%" height="330px" :data="ta原创 2020-09-25 16:00:07 · 5013 阅读 · 0 评论 -
vue+elementui 中src动态加载图片的时候不起作用
vue+elementui 中src动态加载图片的时候不起作用代码如下:<el-table-column align="center" label="宠物图片" prop="imageId"> <img style="width: 100%" :src="petImage"/></el-table-column>petImage: '../assets/logo.png',修改代码为:petImage: require('../assets/lo原创 2020-09-25 14:06:18 · 2692 阅读 · 0 评论 -
element-ui中对话框dialog不显示,仅背景变灰
只需要添加一个属性即可:append-to-body="true"不添加:append-to-body="true"的效果添加:append-to-body="true"之后的效果只有对话框变亮,背景变灰原创 2020-08-28 20:47:23 · 1304 阅读 · 1 评论 -
element ui 表格中的字太长,想要把多余的字变成...解决方法,一个属性即可
问题描述如下相应代码段 <el-table style="width: 100%" height="330px" :data="tableData" border stripe> <el-table-column align="center" type="index" label="#"></el-table-column> <el-table-column align="center" label="社团编号" prop="a原创 2020-08-25 11:47:44 · 3538 阅读 · 0 评论 -
element ui 下拉列表验证无效的问题(通俗易懂)-实例讲解
在写vue 项目的时候遇到以下问题1.表单校验中,el-input前面有星号*而el-select前面无星号*,证明校验无效,如下图所示相关代码如下 <el-form-item label="电话" :label-width="formLabelWidth" prop="tel"> <el-input v-model="addForm.tel" style="width: 350px"></el-input> </el-form-item>原创 2020-08-24 15:18:30 · 4531 阅读 · 2 评论 -
element ui 设置全局样式不起作用
今天在写springboot+vue项目的时候出现这样一个问题,我想给所有的按钮添加一个样式,在全局样式表中添加了font-size:13px;但是不起作用,只有单独加到按钮上才起作用,于是到百度上查询原因,说加上!important 就可以,果然问题解决了!...原创 2020-07-28 10:10:06 · 1884 阅读 · 0 评论 -
vue项目-点击添加或者修改按钮浏览器的屏幕变黑,再次点击屏幕之后浏览器恢复正常(火狐浏览器、ChromeCoreLauncher双核浏览器)
今天在写springboot+vue项目的时候发现了一个bug,之前写的项目就没有这种情况,bug如下:点击添加或者修改按钮浏览器的屏幕变黑,再次点击屏幕之后浏览器恢复正常屏幕变黑再次点击屏幕,屏幕颜色恢复正常之后,我就一点一点测试,点击F12看了后台管理器,发现但我点击修改按钮的时候,右侧黄色样式表发生了变化,然后我又查看了class类中的属性,看看到底是谁在作怪发现还是看不出什么又想了想,是不是display属性在作怪,所以我在全局样式表中加了一个display:none 的属性,问题原创 2020-07-28 09:28:13 · 1460 阅读 · 1 评论 -
Vue 之qs 使用详解
https://www.cnblogs.com/qdmpky/p/12008654.html转载 2020-07-26 07:45:18 · 648 阅读 · 0 评论 -
怎么样用vue ui来创建一个vue项目
1.在命令行中输入vue ui点击回车(前提是你的环境已经配置好了)2.自动弹出一个网页,点击中间的创建分类栏目,并选择好文件夹目录3.点击在此创建新项目4.输入项目的名称点击下一步按钮5.选择手动,点击下一步6.根据项目的需求勾选,本项目勾选了以下几项7.点击下一步按钮8.让你选择模式,如果之前有的话可以选择。第二行选择标准检查规范,点击创建项目按钮9.点击创建项目不保存预设10.等待一会你会看到命令行中代码飞速的运转,证明正在创建…11.看到下面页面,说明创建成原创 2020-07-25 20:36:44 · 497 阅读 · 0 评论 -
vue使用element日期选择器,选择日期少一天的问题
添加属性value-format="yyyy-MM-dd"即可原创 2020-06-16 00:26:58 · 1104 阅读 · 0 评论 -
IDEA打开vue项目,每次打开的都是上一次的vue项目,即同一个vue项目,解决方法
今天在打开其他vue项目的时候出现了一个大bug前提:我用一个写好的vue项目vue_01复制之后重命名为vue_02,其实这里并包名没有修改成功,你还需要打开vue_02,右击项目Refactor-Rename才算修改成功,完成了以上操作后,我打开vue_02运行的时候,发现控制台运行的路径是vue_01,也就是说这个idea工具中启动vue有一个session缓存,所以我们的具体操作如下:右击控制台-清除session缓存,这样就可以打开另外一个vue项目,并成功运行...原创 2020-06-15 10:11:09 · 1632 阅读 · 1 评论 -
Vue 之 qs.parse()、qs.stringify()使用方法
qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.1.qs.parse()将URL解析成对象的形式const Qs = require('qs');let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';Qs.parse(url);console.log(Qs.parse(url));如上面代码所示,输出转载 2020-06-11 10:49:03 · 5191 阅读 · 0 评论 -
element ui 中el-input搜索输入框或者普通输入框无法输入的问题讨论
下面来说一下网友的方法,方法如下:(不赞同)最近发现项目中需要输入内容的时候,input框有时候会无法输入进去发现elementUI中@input事件可以拿到当前输入的值,问题找到了,视图没有更新的问题解决方法 this.$forceUpdate()其实无论是普通输入框还是搜索输入框不能数据的原因都是没有进行数据的双向绑定拿一个简单的例子说:1.普通输入框(登录的用户名和密码)...原创 2020-04-14 09:45:49 · 4210 阅读 · 1 评论 -
Module not found: Error: Can't resolve 'less-loader' in 'E:\NodeDemo\vue_assistant_lsp'
文章目录前言:解决方法:前言:今天在写Vue项目的时候遇到了这样一个问题Failed to compile../src/components/Login.vueModule not found: Error: Can't resolve 'less-loader' in 'E:\NodeDemo\vue_assistant_lsp'就是因为我们的项目没有添加less-loader相...原创 2020-04-09 10:57:23 · 8495 阅读 · 3 评论 -
Vue_error Expected indentation of 2 spaces but found 3 indent问题整理
错误描述如下:错误初始:(资源来自博主:https://blog.csdn.net/wron_path/article/details/104655844)当我们创建vue项目的时候,我们往往会选择linter/Formatter,eslint-config-standard,下面我放张vue图形化配置界面但这往往是进坑的开始错误原理:(资源来自博主:https://blog.csdn...原创 2020-04-09 10:36:56 · 8795 阅读 · 9 评论 -
vue-cli-service 不是内部或者外部命令的解决办法(用了你就知道了)
删除项目工程下的node_modules目录再重新npm install原创 2020-04-08 14:07:13 · 2532 阅读 · 0 评论 -
解决Error: Cannot find module 'node-sass'问题
今天在运行angular前端的时候出现了以下的问题: 解决办法:1.在项目目录cmd下运行 npm install -g cnpm --registry=https://registry.npm.taobao.org2.下载成功后再运行 &n...转载 2020-04-08 14:03:58 · 1269 阅读 · 0 评论 -
vue.js安装步骤教程
1.安装node.js从node.js官网下载并安装node安装过程很简单,一直点下一步就ok了。1.1我们通过打开命令行工具...转载 2020-04-02 16:50:52 · 683 阅读 · 0 评论