web前端
bittingCat
这个作者很懒,什么都没留下…
展开
-
Error: must set key for <rc-animate> children
最近在做react项目的时候,在一个页面回显赋值,老是报这个错,我查了一下,页面都没有用到过这个东西,而且循环的项也给了key,逐步排除后,发现是回显图片上传组件那块才会这样出问题,后来网上搜了一下,发现是。原创 2022-09-16 15:16:11 · 561 阅读 · 0 评论 -
justify-content: right失效,电脑浏览器没事,移动端真机不行
本来是一个很简单的场景,让一个flex的子元素居右显示,按照习惯,直接用了justify-contentright属性,完事。后来测试说位置不对,我一看,竟然跑到左边去了正确的是下方图片,在右边的位置。原创 2022-08-01 17:21:18 · 2356 阅读 · 1 评论 -
jQuery监听事件失效,原因是jQuery监听的元素,在vue挂载的标签里面
jQuery监听事件失效,原因是jQuery监听的元素,在vue挂载的标签里面原创 2022-04-27 17:11:36 · 2063 阅读 · 0 评论 -
vue3路由,vue-router4,动态添加路由不生效的问题
项目场景:在vue3.0中,做了个动态添加权限路由的功能,可是死活不行问题描述:使用router.addRoute添加好路由之后,输入路由地址死活访问不了,提示没有匹配到这个路由但是把路由实例(router.getRoutes())打出来却又显示已经有,已经添加上去了,最后还怀疑是不是router4当中新特征,只能一个个添加,当添加子路由的时候还要多传一个父路由的name,最后也用递归去做了,但还是照样不行,也试过很多种方式,也检查过路由的各项字段,也没出错,还怀疑是引入组件的方式不正确。百思不得原创 2021-10-21 17:53:09 · 9632 阅读 · 7 评论 -
css小技巧,input框focus,让外层包裹input的div产生样式变化(可以当做是是div的focus伪类)
代码:css:.el-form-item { border: 1px solid rgba(255, 255, 255, 0.1); // background: rgba(0, 0, 0, 0.1); color: #454545; border-radius: 10px; border-color: #c7c7c7; transition: all .3s; margin-bottom: 36px; } .el-form-item:fo原创 2021-09-27 11:53:59 · 3152 阅读 · 0 评论 -
uniapp修改指示点的位置和样式
在网上查过很多资料,看过很多帖子,发现很多都是不生效的正确的应该是这样,直接在app.vue里面写样式就好了app.vue//设置轮播的指示点大小 /* wx */ wx-swiper .wx-swiper-dot { position: relative; right: -260rpx; } // wx-swiper .wx-swiper-dot-active { // background-color: #000; // width: 20px; //原创 2021-09-14 14:47:08 · 1636 阅读 · 2 评论 -
vue3中使用animate.css
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录animate.css在vue中的使用,路由动画transition或者在组件中控制使用一、安装和引入二、使用步骤1.用于router-view2.用于组件animate.css在vue中的使用,路由动画transition或者在组件中控制使用一、安装和引入1.npm安装npm install animate.css2.在main.ts中引入import { createApp } from 'vue'import原创 2021-08-16 10:52:04 · 5357 阅读 · 2 评论 -
vue3定义和使用全局变量方法,vue3中使用echarts
文章目录前言一、定义和使用全局变量1.定义2.使用总结前言在我们使用vue3.x的时候,有些特性还是跟vue2.x区别很大的,这里讲下echarts的使用和怎么定义和使用全局变量vue2中是:Vue.prototype.$http = () => {}vue3中是:const app = createApp({}) app.config.globalProperties.$http = () => {}一、定义和使用全局变量1.定义main.t原创 2021-08-11 11:05:43 · 5984 阅读 · 4 评论 -
vue mixin传参
其实就是把mixin当做一个方法import { debounce } from '@/utils'export default function MyMixin(params) { const { element1 = '', element2 = '', element3 = '' } = params return { data() { return { $_sidebarElm1: null, $_side原创 2021-08-05 11:22:21 · 2934 阅读 · 1 评论 -
qs请求格式化
import qs from 'qs'// create an axios instance// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';const service = axios.create({ transformRequest: [function(data) { data = qs.stringify(data) retu原创 2021-07-26 14:19:43 · 401 阅读 · 0 评论 -
做后台系统,编辑操作的时候,js对象赋值的小技巧
我们编辑的时候,先要把后台的数据赋值到我们前端变量中,供页面显示这时候就可以用个小技巧,循环对象,对象里两个有相同名称的key,就赋值过去// 编辑岗位 handleEdit(row) { Object.keys(row).forEach((rowItem) => { Object.keys(this.editParams).forEach((editItem) => { if (rowItem === editItem) {原创 2021-07-05 11:39:24 · 338 阅读 · 1 评论 -
vue提高开发效率,优化性能的技巧(vue2.x)
链接点这里原创 2021-04-13 16:44:29 · 343 阅读 · 0 评论 -
elementui上传upload跨域的解决办法
<el-upload class="avatar-uploader" :action="action" :data="upLoadData" name="imageFiles" :show-file-list="false" :on-success="handleAvatarSuccess" :headers原创 2021-03-24 16:23:20 · 3073 阅读 · 4 评论 -
uview的select组件,数据是对的却一直报Cannot read property ‘children‘ of undefined
最近用uview的时候发现一个问题,后端给的数据方面,数据格式明明是正确的,字段名也没有错误,却一直报错,找了好久也没有找到原因,最后一步步排查,终于找到了问题,看下图,原来是children不能为空导致的...原创 2021-01-16 20:28:42 · 2063 阅读 · 9 评论 -
vue深拷贝和浅拷贝(js改一个对象的值,另一个对象的值也发生变化)
在项目当中遇到这样一个问题,我是用v-model跟这个addForm绑定一些值,添加一行的时候把这个addForm push到data1里面,可是后来发现,当我改了addForm的属性的时候,data1里面已经push进去的数据也全都会随着addForm的改变而改变,看了好久,恍然大悟,发现会不会是深浅拷贝的问题,试了一下,果然是1.原理浅拷贝:新对象赋值,只是取的旧对象栈中的值,也就是引用对象的值。上述问题也就是连指向都复制了,所以造成数据全都改变深拷贝:会在堆里边开辟一个空间,存放自己的对象原创 2020-09-21 16:24:28 · 1292 阅读 · 0 评论 -
vue axios中设置请求参数为对象形式(post json)格式
比如现在是这样格式的请求,我们会去设置contentype请求头,但是axios本来默认就是application/json格式的,所以不用去设置了去看看你请求当中post是不是用的params,是的话换为第二张图片一样的data就可以了,如图:...原创 2020-08-24 16:29:56 · 5298 阅读 · 1 评论 -
[HPM] Error occurred while trying to proxy request
请求报错[HPM] Error occurred while trying to proxy request ‘/xxxx’我找了好久的原因,请求方面,代理这些都没有问题啊,但是就是找不出原因,后来我想起来我的vscode今天重装了,还装了个插件,之后vscode提示我未正确安装,然后我就不在vscode里面去运行npm run dev,直接在文件夹中打开powershell去运行,就没有出现这个问题了,所以说有时候出现这个错误是编辑器的问题,估计是node环境没整好...原创 2020-08-17 15:23:57 · 4098 阅读 · 0 评论 -
npm install报错: ETIMEDOUT,This is a problem related to network connectivity,解决办法
如图:原因是这个代理有问题,运行这段代码: npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriverok惹,安装成功原创 2020-06-30 14:03:26 · 3697 阅读 · 0 评论 -
前端导出Excel文件,vue导出exc文件
导出分为两种,一种是直接给url导出,另一种是接口直接返回文件导出,本文讲接口返回导出的// 导出 handleExport() { exportResource({ type: 1, }).then((res) => { let blob = res; const fileReader = new FileReader(); fileReader.readAsDataURL(blob);原创 2020-06-29 16:07:45 · 323 阅读 · 0 评论 -
js给另一个对象赋值,且赋值过去当前对象已有的key
objA:{ a:"", b:"", c:"" }, objB:{ a:"2aaa", b:"22222", c:"ssdfs", d:"sdfsdfsf", e:"ffsdfsdf" },> 如上,我想用对象b来给对象a赋值,且只要赋obja里面已有的key就行了,这时候我们就可以写个方法objAssign(objA,objB){ const objAssign=原创 2020-06-29 11:52:19 · 2126 阅读 · 1 评论 -
elementui的组件upload,它的钩子方法on-change,file参数对象中没有url怎么办?
如图,这个file里没有url,有时候我们需要预览或者剪裁,这时候没有url就不行那就我们自己创建一个url吧onChange(file, fileList) { let url = URL.createObjectURL(file.raw) console.log(file, "onchange的输出"); if (this.selectFile.uid !== file.uid) { if (this.isCrop) { t原创 2020-05-13 15:38:07 · 2997 阅读 · 6 评论 -
node-sass@4.14.0 postinstall: `node scripts/build.js`
node-sass@4.14.0 postinstall: node scripts/build.js出现这个错误的原因,有时候不只是npm的问题而去安装cnpm,再用cnpm安装node-sass就行了,去看看你电脑上有没有python,没有的话安装一个就解决了...原创 2020-04-26 10:57:28 · 12745 阅读 · 0 评论 -
vue修改数组中某一条数据,并且更新页面中的数据
**直接用vue的的set方法就好了,示例:**import Vue from "vue";this.positionListData.forEach((item,index)=>{ if(item.id==val.id){ console.log("set"); Vue.set(this.positionListData[index],'post_s...原创 2020-04-22 14:19:58 · 5335 阅读 · 0 评论 -
vue开发移动端h5,ios中图片加载不出来的问题(滑动时,或者息屏又开屏幕)
在用vue开发h5的时候,遇到这样一个问题,安卓和电脑浏览器都没有问题,但是苹果手机里,滑动时,图片和文字会消失不见,并且:消失的图片在手机息屏又亮屏之后又有了,在网上看的一些问题是把img标签选择器样式和class样式都去掉,但是还是不生效,最后解决方案是::把里面的容器的样式:overflow:hidden去掉就可以了...原创 2020-04-07 11:15:57 · 2545 阅读 · 2 评论