前端日常随笔
文章平均质量分 52
记录工作中前端问题的解决
恒本银河+
过去的总有收获
展开
-
Uniapp接入插件的三种方式
我这里的学习例子使用uni-badge这个插件,其他的插件也是类似的引入方式,大多数插件文档中也包含使用方法。原创 2023-03-11 12:26:04 · 16348 阅读 · 0 评论 -
element时间组件无法选择日期控制台也不报错
Element时间组件是精确到毫秒的,但是PHP时间戳是精确到秒,所以后台返回来的数据就是10位数,我在时间组件v-model绑定的数据上再乘以1000可以正常显示时间日期了。但是选择日期的时候,怎么都选不上。浏览器控制台也不报错......原创 2022-07-26 15:33:23 · 1438 阅读 · 1 评论 -
$router没有定义的问题
在页面元素绑定跳转路由跳转是常用的功能。然后今天在methods中直接使用$router则报错[Vue warn]: Error in v-on handler: "ReferenceError: $router is not defined原创 2022-07-20 15:34:44 · 2956 阅读 · 0 评论 -
Iview自定义模板render函数报错“Error in v-on handler: “TypeError: Cannot read property ‘changeStatus‘ of null”
通过render函数进行对表格自定义模板,在使用过程中遇到了Error in v-on handler: "TypeError: Cannot read property ‘changeStatus’ of null"这种类似的问题,产生错误的代码原因分析:错误原因是因为on-change函数里面的this的作用域,this需要击穿到外面才能用this引用changeStatus方法。...原创 2022-07-01 11:19:32 · 559 阅读 · 0 评论 -
Iview上传组件的使用笔记
在使用iview ui作为前端框架时,记录其中上传组件的笔记1.ref=“upload”ref=“upload”:ref必须这样写,如果不这样写,则无法上传,我在想万一有这样的场景,一个表单里面有两个字段需要是上传文件类型,ref都为"upload"如果都放在一个组件内,ref则类似DOM元素的ID,可想而知,两个一样名称的ID,会让产生混淆,有兴趣的网友可以自行尝试下,也许也不会遇到这个问题。multiple:是否允许多个文件上传before-upload:如果没有阻止上传组件的自动上传事件,那么上传原创 2022-07-01 11:04:11 · 958 阅读 · 0 评论 -
DOM没有加载出来,wangEditor富文本组件报错无效节点
在使用wangEditor富文本组件的时候,初始化富文本的时候老是报无效节点新的错。我按照文档查了下使用步骤应该没有出错,最后才想到这个富文本的DOM上面有个v-if判断,所以要满足条件才加载DOM,因为DOM没加载出来所以报错无效节点...原创 2022-06-30 21:45:11 · 3849 阅读 · 0 评论 -
vue的axios设置请求头携带参数踩到的坑
今天遇到一个问题,是需要在请求头上加上User-Id的参数来传登陆用户的信息,然后在axios进行设置:由于axios默认是不让ajax请求头部携带cookie,所以需要将withCredentials设置为true。到这里之后,请求后台还是会报错的。报错提示大致内容为受到CORS策略的阻止:当请求的凭据模式为“包括”时,响应中“ Access-Control-Allow-Origin”标头的值不得为通配符“ ”。 XMLHttpRequest发起的请求的凭据模式由withCredentials属性...原创 2022-06-30 21:28:38 · 1835 阅读 · 0 评论 -
Iview admin解决跨域问题
`Iview admin版本Iview admin版本为2.0项目目录结构:1)设置代理打开\iview-admin\vue.config.js文件,在里面配置代理内容,例如我的后台登陆接口为http://www.gylink.net:9001/index.php?r=/user/login然后代理配置内容为// 这里写你调用接口的基础路径,来解决跨域,如果设置了代理,那你本地开发环境的axios的baseUrl要写为 ‘’ ,即空字符串2)配置baseUrl打开\iview-admin\sr原创 2022-06-30 20:59:20 · 879 阅读 · 0 评论 -
css使用calc()将div充满屏幕
@css使用calc()将div充满屏幕css使用calc()将div充满屏幕在页面中常常会遇到这种情况,就是需要将div充满整个屏幕,如下图所示这个主要只需设置div的高度height为calc(100vh)即可,100vh = 视窗高度的100%例如div{ height: calc(100vh - 100px); }...原创 2020-11-11 13:48:24 · 367 阅读 · 0 评论