
Vue
jq1223
最熟悉的程序员
展开
-
INVALID_PARAMETER
报错信息:电脑重新之后,支付宝PC端支付报INVALID_PARAMETER错误解决方案: 下图的私钥和公钥和异步通知路径 更换 成新的 ,关闭浏览器从新登录效果:原创 2021-04-20 09:06:09 · 4131 阅读 · 0 评论 -
vue 跳转支付宝支付页面
//payType==2为支付宝支付 if(payType==2){ //获取支付页面 toAlipay(res.data.data).then(result=>{ if(result.data.code==200){ //跳转支付页面 document.querySe...原创 2021-04-19 18:02:47 · 1676 阅读 · 0 评论 -
网页 & 移动应用 支付宝 支付功能
首先进入支付宝沙箱页面注册一:注册1.注册之后进入选择文档==》网页&移动应用2.选择开发工具==》 沙箱环境3.选择研发服务4.必看部分非常重要,在下面AlipayConfig类中写代码要使用5.可以使用app登录以下的商家账号和买家账号6.app端下载效果1:效果2:二:使用1.下载版本2.支付宝支付的依赖 <!-- 支付宝支付的依赖 https://mvnrepository.com/artifact/com.alipay.s原创 2021-04-19 17:58:52 · 3844 阅读 · 0 评论 -
鼠标悬浮 鼠标移上 移出事件时 改变背景颜色
效果首先给一个 class=“liStyle” <li class="liStyle" @mouseover="mouseover(index)" @mouseleave="mouseleave" >.liStyle{ font-size: 12px; line-height: 30px; background-color: #FFFFFF;/*默认白色*/}.liStyle:hover{ background-color: #00FF00;/*鼠标移上改变原创 2021-04-16 07:41:38 · 676 阅读 · 0 评论 -
elenentui 表单验证 邮政编码
效果:新增弹框中 加入prop属性 将级联选择器value值放入对象中 这样才能验证通过v-model=“addForm.value” <!--========================================添加的模块============================--> <el-dialog v-dialog-drag :visible.sync="editVisible"> <el-form :model=原创 2021-04-16 00:52:58 · 881 阅读 · 0 评论 -
elenentui 表单验证手机号码
效果: <!--========================================添加的模块============================--> <el-dialog v-dialog-drag :visible.sync="editVisible"> <el-form :model="addForm" :rules="rules" ref="addForm" label-width="120px">原创 2021-04-16 00:52:05 · 110 阅读 · 0 评论 -
elenentui 表单验证 Cascader 级联选择器
效果:新增弹框中 加入prop属性 将级联选择器value值放入对象中 这样才能验证通过v-model=“addForm.value” <!--========================================添加的模块============================--> <el-dialog v-dialog-drag :visible.sync="editVisible"> <el-form :model=原创 2021-04-16 00:50:07 · 958 阅读 · 1 评论 -
<el-link>去掉下划线
不要就加 :underline=“false”<div> <el-link :underline="false">无下划线</el-link> <el-link>有下划线</el-link></div>原创 2021-04-15 20:35:39 · 3784 阅读 · 0 评论 -
el-input只能输数字
文本框 <el-form-item label="手机号码:" prop="phoneNumber"> <el-input v-model="addForm.phoneNumber" type="number" oninput="value=value.replace(/[^\d]/g,'')" maxLength='9' ></e原创 2021-04-15 16:44:55 · 166 阅读 · 0 评论 -
el-input去掉自带上下箭头
文本框 <el-form-item label="手机号码:" prop="phoneNumber"> <el-input v-model="addForm.phoneNumber" type="number"></el-input> </el-form-item>css样式<style scoped>/* el-input去掉自带上下箭头*/ /deep/ inp原创 2021-04-15 16:39:59 · 1307 阅读 · 0 评论 -
购物车 实现 收货地址 查询功能 级联动
数据库查询语句 t_province为省 t_city为市 t_area为县 SELECT code_p code,name,'0' pcode,'1' type FROM t_province UNION ALL SELECT code_c code,name,code_p pcode,'2' type FROM t_city UNION ALL SELECT code_a code,name,code_c pcode,'3原创 2021-04-15 08:54:01 · 546 阅读 · 0 评论 -
vue登录 验证 手机号码
首先给文本框设置 type=“number” 属性 <div class="layui-fulid" id="house-login" > <div class="layui-form"> <p>手机号登录</p> <div class="layui-input-block login"> <i class="layui-icon layui-icon-house-mob原创 2021-04-15 08:41:46 · 964 阅读 · 0 评论 -
elementui修改表头背景
效果代码:使用 :header-cell-style="{ ‘background-color’:’#fafafa’, }" <el-table :header-cell-style="{ /*颜色*/ 'background-color':'#fafafa', }" :data="tableData" border class="t原创 2021-04-13 20:44:22 · 529 阅读 · 0 评论 -
去掉type=“number“ 自带的上下按钮箭头
<input type="number" class="layui-input" v-model="buyCount">去掉type=“number” 自带的上下按钮箭头<style scoped> input[type=number] { -moz-appearance:textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webki...原创 2021-04-13 09:00:34 · 726 阅读 · 0 评论 -
vue 实现 商品购买数量加减
页面数据 <div class="number layui-form"> <label>数量</label> <div class="layui-input-inline btn-input"> <button class="layui-btn layui-btn-primary " @click="editCount(-1)" :disab.原创 2021-04-13 08:58:42 · 2230 阅读 · 0 评论 -
vue跳转页面以新窗口打开
首先给div绑定事件<div class="list-detail" @click="ProductDetail(product)"></div>定义方法跳转 //跳转商品详情页面 ProductDetail(product){ let Detail= this.$router.resolve({ //要跳转的页面的名称 name:"ProductDetail",原创 2021-04-11 15:37:24 · 1477 阅读 · 0 评论 -
使用es完成前端查询功能
效果:一:将数据库数据同步到es1.首先在数据库选择需要的资源条件,将sql语句执行出来2.将sql语句放入es的sync_tanle.cfg配置文件执行3.修改index名称sync_tanle.cfg文件完成版input { jdbc { # mysql相关jdbc配置 jdbc_connection_string => "jdbc:mysql://192.168.230.1:3306/ddd?useUnicode=true&character原创 2021-04-11 14:12:56 · 1256 阅读 · 0 评论 -
vue启动项目时自动打开网页
vue项目选择config–>index.js—>autoOpenBrowser //默认false 关闭 改为true就行原创 2021-04-07 09:21:43 · 378 阅读 · 0 评论 -
实现短信验证码登录
注:此项目为微服务项目,前后端分离 vue+springboot+springcloud+layui前端登录页面:所使用的的pom.xml中的依赖: <dependency> <groupId>com.aliyun</groupId> <artifactId>aliyun-java-sdk-core</artifactId> <version>原创 2021-04-06 22:48:06 · 627 阅读 · 1 评论 -
vue项目创建好js报错
如果js报红,如下图:解决方案:原创 2021-04-02 15:01:53 · 153 阅读 · 0 评论 -
vue+elementui实现给角色分配资源的功能
注:本项目为前后端分离项目后端框架SpringBoot+MybatisPlus效果展示:前端代码:首先在角色管理操作中加入分配资源按钮 <el-row> <el-button size="mini" type="text" @click="handleSelectResource(scope.$index, scope.row)">分配资源原创 2021-03-28 09:06:24 · 541 阅读 · 0 评论 -
vue+elementui实现给角色分配菜单的功能
注:本项目为前后端分离项目后端框架SpringBoot+MybatisPlus效果展示:前端代码:首先在角色管理操作中加入分配菜单按钮 <el-row> <el-button size="mini" type="text" @click="handleSelectMenu(scope.row.id)">分配菜单 </el-bu原创 2021-03-28 08:48:09 · 1801 阅读 · 1 评论 -
vue+elementui实现给用户分配角色的功能
注:本项目为前后端分离项目后端框架SpringBoot+MybatisPlus效果展示:前端代码:首先在用户管理操作中加入分配角色按钮 <el-button size="mini" type="text" @click="handleSelectRole(scope.row.id)">分配角色 </el-button>定义好分配角色的弹框 <!--分配角色-->原创 2021-03-28 08:29:10 · 2168 阅读 · 2 评论 -
vue做按钮级别权限控制
一,可以使用自定义指令的方式,根据登录的名称,实现按钮级别权限首先在src目录下新建directive目录,在目录下再新建两个js文件index.js 文件里代码如下:import permission from './permission'// 全局注册自定义指令const install = function(Vue) { Vue.directive('permission', permission)}if (window.Vue) { window['permissi原创 2021-03-27 16:50:17 · 1308 阅读 · 1 评论 -
Do not use built-in or reserved HTML elements as component id: menu
报错信息:报错位置:name中的menu跟上div中的值不一致原创 2021-03-24 09:29:57 · 477 阅读 · 0 评论 -
elementui设置开始时间 结束时间
注:如果想去掉弹框中的 此刻按钮 请点击此文章效果1:不能选择当前时间之前的时间效果2:不能选择开始时间之前的时间 <div> 开始时间: <el-date-picker v-model="value.promotionStartTime" value-fo原创 2021-03-17 23:10:42 · 2185 阅读 · 0 评论 -
elementui时间插件中去掉的此刻按钮
原有去掉后效果方案:在全局css中给.el-picker-panel__footer选择器加{display: none}进行全局隐藏原创 2021-03-17 22:52:26 · 1656 阅读 · 0 评论 -
elementui 静态删除和新增按钮
<div> <el-checkbox-group v-model="selectProductAttr[idx].values"> <div v-for="(item,index) in selectProductAttr[idx].options" style="display: inline-block" .原创 2021-03-17 20:36:03 · 536 阅读 · 0 评论 -
elementui input框不能加空格设置
加之前加之后代码:主要是v-model.trim trim<el-input v-model.trim="addProductAttrValue" style="width: 160px;margin-left: 10px" clearable></el-input> <el-button class="littleMarginLeft" @click="handleAddProductAttrValue(idx)">增加</el-button>原创 2021-03-17 20:26:07 · 935 阅读 · 4 评论 -
elementui+vue 商品列表模块之 Steps 步骤条
商品列表之新增 Steps 步骤条 一 思路:做商品列表新增模块需要首先设置步骤条将几个页面绑定到一起,因为一个表单为一个页面二 步骤:1.首先在点击新增按钮时跳转到填写商品信息页面 //打开页面 openAdd为新增按钮事件 openAdd() { //跳转到填写商品信息页面 ...原创 2021-03-17 08:04:10 · 3538 阅读 · 6 评论 -
element条件查询使用递归获取所有的分类
效果图在查询表格中 <el-form-item label="商品分类:"> <el-cascader clearable v-model="selectProductCateValue" :options="pr原创 2021-03-15 21:28:51 · 271 阅读 · 0 评论 -
TypeError: Cannot read property ‘key‘ of undefined
报错信息:查看分页时的属性单词对不对原创 2021-03-15 08:16:15 · 861 阅读 · 1 评论 -
Vue项目安装步骤
安装npm install安装element-uinpm i element-ui -S安装qsnpm instal qs安装vue-i18国际化npm install vue-i18n安装vue axionpm install --save axios vue-axios安装路由npm install vue-router --save-dev启动npm run dev原创 2021-03-12 21:32:19 · 140 阅读 · 0 评论 -
使用elementui上传OSS服务器时点击取消按钮时删除已上传的图片
注:本项目做的时候是前后端分离项目做功能之前首先要考虑几个问题:1.用户点击以下图片中的1时,X号时把上传的图片删除2.用户点击以下图片中的2时,点击空白处时把上传的图片删除3.用户点击以下图片中的3时,点击提交时新增成功3.用户点击以下图片中的4时,点击取消时把上传的图片删除步骤:1.首先需要一个全局close事件 无论点击任何地方都必须close触发事件 close Dialog 关闭的回调,然后将这个事件先定义出来2.data中3个变量定义,为什么是2个图片变量那,因为我上传两个原创 2021-03-12 20:33:44 · 1573 阅读 · 0 评论 -
Vue解决跨域问题方案
方案1:使用vue自带配置文件解决跨域问题(1)这个Vue项目有自带config文件的方式proxyTable: { '/fh': { target: 'http://localhost:8080/',//设置你调用的接口域名和端口号 别忘了加http changeOrigin: true, //這裡true表示实现跨域 pathRewrite: { '^/fh': '/'//原创 2021-03-12 11:46:35 · 3313 阅读 · 0 评论 -
Access to XMLHttpRequest at ‘localhost:8080/drug/queryDrug‘ from origin ‘http://localhost:8082‘
报错信息:这个是跨域问题8082访问8080阻止了解决方案:在Controller类上架@CrossOriginpackage com.fh.controller;import com.h.entity.Drug;import com.h.service.DrugService;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.web.bind.annotatio原创 2021-03-02 11:43:57 · 487 阅读 · 0 评论 -
GET http://localhost:8080/fh/brand?address=&name=&pageNum=1&pageSize=5 404 (Not Found)
报错信息:报错原因:这是vue配置跨域问题原代码:这个配置适合有自带config文件的,我的不带用不了proxyTable: { '/fh': { target: 'http://localhost:8080/',//设置你调用的接口域名和端口号 别忘了加http changeOrigin: true, //這裡true表示实现跨域 pathRewrite: { '^/f原创 2021-03-12 11:37:31 · 2439 阅读 · 0 评论 -
vue.runtime.esm.js?2b0e:619 [Vue warn]:Computed property “imgUrl“ was assigned to but it has no sett
报错信息:使用vue.runtime.esm.js?2b0e:619 [Vue warn]: Computed property "imgUrl" was assigned to but it has no setter.found in---> <SingleUpload> at src/components/upload/singleUpload.vue <ElFormItem> at packages/form/src/form-item.vue原创 2021-03-11 21:57:03 · 2180 阅读 · 0 评论 -
背景透明度设置
效果展示:首先給表单外加一个div<div class="aa-login"></div>然后給表单设置样式<style scoped>.aa-login { position: absolute; left: 50%; top: 50%; width: 350px; margin: -190px 0 0 -175px; border-radius: 5px; //设置透明度 background: rgb原创 2021-03-10 09:58:24 · 233 阅读 · 0 评论 -
如何设置永不过期的token
//失效时间的好秒值 long timeMillis = System.currentTimeMillis(); //设置token时间 999999999 毫秒=11.5740740625 天 //6000000为1分钟 long endTime = timeMillis + 6000000;原创 2021-03-09 13:43:45 · 6064 阅读 · 2 评论