weixin_44672169的博客

一、简单页面1、CSS选择器样式优先级2、CSS实现三列布局（左右固定宽度，中间自适应）（1）CSS浮动第一个float:left，第二个float:right，第三个设置margin-left和margin-right（2）绝对定位法第一个定位到left，第二个定位到right，第三个设置margin-left和margin-right（3）flex布局.left{ width:200px; 或者 flex:0 0 200px;}.right{ width:200px;

vue项目打包报错，错误如下解决方法：删除项目根目录下的package-lock.json文件，执行npm i，然后重新打包就可以了

let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var：同样在块级作用域有效的另一个变量声明方式是 const，它可以声明一个常量。ES6 中，const 声明的常量类似于指针，它指向某个引用，也就是说这个「常量」并非一成不变的，如：有几个点需要注意：let 关键词声明的变量不具备变量提升（hoisting）特性let 和 const 声明只在最靠近的一个块中（花括号内）有效当使用常量 const 声明时，请使用大写变量，如：CAPITAL_CASINGconst 在

npm 128报错

elementui默认样式修改的问题当我们在vue中引入第三方组件库的时候，vue组件中样式的scoped就会成为我们修改样式的阻碍，有以下三种方法修改样式，并且不影响全局样式：1 在样式外新增一个样式不添加scoped<style> .my{ margin: 20px; } .my .el-input__inner{ border-radius: 15px;/* 这个样式起效果 */ }</style><style scoped> .my .

1.有1个默认参数@click = "handle($event, index)" //用$event 承载默认参数，被触发函数如下，正常接参：handle( event, index ){ } 2.有多个默认参数：@click = "((param1,param2)=>{handle(param1,param2,index)})" //利用闭包，被触发函数如下，正常接参：handle( event1,event2, index ){ }<template><

.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{ ..

https://blog.csdn.net/qq_40323256/article/details/109138173

应用背景：项目中有给表格数据新加了一个edit字段来控制每行数据的编辑功能，html如图：通过点击管理按钮，改变edit的布尔值来切换视图，js如下：然后发现点击按钮视图根本没有切换，然后在控制台打印出来的edit是正确的也并无异常，此时就需要用到this.$set来解决，js如下：this.$set实现什么功能，为什么要用它？当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（）这个方法了，简单来说this.$set的功能就

从数组中删除元素：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

背景：多选下拉框的查询，需要给后端传的是个数组（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

一.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

使用vue+vant开发公众号网页流程

一.登录拦截用户登录成功后服务端返回token的值，然后前端使用axios中请求拦截器（service.interceptors.request.use）再每个的请求接口上加上Authorization:token的值，服务端通过这个Authorization来获取token的值，来进行判断token的值是否过期，如果过期则接口返回403,前端得到403的状态，则提示用户返回登录页。//request.jsimport axios from 'axios';import { Message, Mes

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

1.用终端进入自己工作的文件夹2.react-native init mxxt_wms_app --version 0.57.8（我这边mac的node版本最大支持到0.57.8，你可以看自己电脑的node版本情况安装最新的。以后每个客户都有自己的app项目文件夹，单独维护，如这里的mxxt_wms_app，代表明新旭腾wms的app。）3.用终端进入mxxt_wms_app目录，安装ant-design，命令：npm install @ant-design/react-native --save

//好的 不再提示 neirong1(i){ const h = this.$createElement; //vue 中的渲染函数 createElement 参数 var that = this; that.notifyPromise = that.notifyPromise.then(that.$nextTick).then(function () { //防止通知叠加 let notify =that.$n

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}});

<template> <el-table :data="tableData" style="width: 100%"> //---:data="用于存放请求数据回来的数组" <el-table-column label="索引值" width="400"> <template slot-scope="scope"> //--- 这里取到当前单元格 <span>{{ scope.$ind

通过provide/inject可以轻松实现跨级访问祖先组件的数据先看代码实现效果吧父组件 index.vue<template> <!-- 父组件 --> <div class="views__home"> <my-children></my-children> </div></template><script>import MyChildren from