![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
合墨数据
边关月_
这个作者很懒,什么都没留下…
展开
-
npm i 发生npm ERR! code 128 npm ERR An unknown git error occurred npm ERR! command g的错误(已解决)
npm 128报错原创 2022-06-06 15:08:10 · 5090 阅读 · 13 评论 -
elementui默认样式修改的问题
elementui默认样式修改的问题当我们在vue中引入第三方组件库的时候,vue组件中样式的scoped就会成为我们修改样式的阻碍,有以下三种方法修改样式,并且不影响全局样式:1 在样式外新增一个样式不添加scoped<style> .my{ margin: 20px; } .my .el-input__inner{ border-radius: 15px;/* 这个样式起效果 */ }</style><style scoped> .my .转载 2021-12-14 11:24:53 · 1982 阅读 · 0 评论 -
v-for的使用,有默认传参的函数额外传自定义参数
1.有1个默认参数@click = "handle($event, index)" //用$event 承载默认参数,被触发函数如下,正常接参:handle( event, index ){ } 2.有多个默认参数:@click = "((param1,param2)=>{handle(param1,param2,index)})" //利用闭包,被触发函数如下,正常接参:handle( event1,event2, index ){ }<template><原创 2021-10-18 10:27:06 · 1132 阅读 · 0 评论 -
css实现斜角边框
.dot{ width:2px;height:2px;border-radius: 100%;background-color: #c6a35e;display: block;position: absolute;z-index: 999}.dot-tl{left:0px; top:0px;}.dot-tr{right:0px; top:0px;}.dot-bl{left:0px; bottom:0px;}.dot-br{right:0px; bottom:0px;}.sbg{ ..原创 2021-09-01 18:03:27 · 5255 阅读 · 0 评论 -
vue项目 get方式传参数组
背景:多选下拉框的查询,需要给后端传的是个数组(get方式)get方法传参数组的时候,会出现arr[]=1&arr[]=2这样的情况,这样的传参,后端是接收不到的,无法解析。那么我们就需要转换成这样的格式:arr=1&arr=2解决方法:1、这里,需要安装一个插件----qs插件,在vue项目中npm add qs即可。2、在拦截器文件(一般是自己项目中封装的request.js文件)中引入import qs from 'qs'并加入下面这段重点代码:// request i原创 2021-08-11 14:18:55 · 1291 阅读 · 0 评论 -
移动端h5落地页总结(vue cli+vant)
一.template中使用图片:1.js中引入图片:import onepng from "@/assets/1.png";2.data中定义template中用到的图片变量:3.template中使用:二、vant在vue页面的按需引用:三、引入json文件并使用四、base64引入使用:1.安装:npm install --save js-base642.在组件中直接引入const Base64 = require('js-base64').Base64;五、axios使用1原创 2021-06-30 16:00:59 · 2571 阅读 · 0 评论 -
vue 登录拦截及权限管理,登录页面
一.登录拦截用户登录成功后服务端返回token的值,然后前端使用axios中请求拦截器(service.interceptors.request.use)再每个的请求接口上加上Authorization:token的值,服务端通过这个Authorization来获取token的值,来进行判断token的值是否过期,如果过期则接口返回403,前端得到403的状态,则提示用户返回登录页。//request.jsimport axios from 'axios';import { Message, Mes原创 2021-05-28 16:38:55 · 1230 阅读 · 0 评论 -
element UI中Notification 通知防重叠以及关闭通知问题
//好的 不再提示 neirong1(i){ const h = this.$createElement; //vue 中的渲染函数 createElement 参数 var that = this; that.notifyPromise = that.notifyPromise.then(that.$nextTick).then(function () { //防止通知叠加 let notify =that.$n原创 2021-05-14 17:27:40 · 1764 阅读 · 0 评论 -
判断路由(vue中路由前置守卫),字符串转换为数组,tinymce富文本插件
aaa(){ var _this=this router.beforeEach((to, from, next) => { if(to.path!="/dashboard/dashboard"){ for(let i=0;i<_this.msgNotify.length;i++){ _this.msgNotifyList[_this.msgNotify[i].id].clos原创 2021-05-14 17:08:33 · 289 阅读 · 0 评论 -
vue中this.$set的用法(解决vue视图不及时更新问题)
应用背景:项目中有给表格数据新加了一个edit字段来控制每行数据的编辑功能,html如图:通过点击管理按钮,改变edit的布尔值来切换视图,js如下:然后发现点击按钮视图根本没有切换,然后在控制台打印出来的edit是正确的也并无异常,此时就需要用到this.$set来解决,js如下:this.$set实现什么功能,为什么要用它?当你发现你给对象加了一个属性,在控制台能打印出来,但是却没有更新到视图上时,也许这个时候就需要用到this.$set()这个方法了,简单来说this.$set的功能就原创 2021-04-15 11:32:56 · 3314 阅读 · 0 评论 -
前端js常用的数组方法
从数组中删除元素:splice(元素下标,删除个数1) handleClose22(row){ console.log(row) for(let i=0;i<this.tableData.length;i++){ if(row.tag_id==this.tableData[i].tag_id){ this.tagarr.push({name:this.tableData[i].name,tag_id:this.tab原创 2021-03-26 17:25:42 · 261 阅读 · 0 评论 -
vue祖孙组件传值(组件三层嵌套传值方法)
通过provide/inject可以轻松实现跨级访问祖先组件的数据先看代码实现效果吧父组件 index.vue<template> <!-- 父组件 --> <div class="views__home"> <my-children></my-children> </div></template><script>import MyChildren from原创 2021-03-25 14:28:29 · 3018 阅读 · 0 评论 -
一周工作笔记(合墨)moment.js使用,base64使用
base64+地址栏传参列表页: handleEdit(index, row) { console.log(JSON.stringify(row)) const Baserow = Base64.encode(JSON.stringify(row)) console.log(Baserow) // this.$router.push({path:'details',query:{Baserow:Baserow}});原创 2021-03-15 17:29:59 · 152 阅读 · 0 评论