![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
项目经历
前端小白QAQ
这个作者很懒,什么都没留下…
展开
-
使用sass遇到的问题总结
1.sass-loder报错TypeError: this.getOptions is not a function 原因 (1) 在sass-loder8 版本有一次大的升级,之前我们使用~来解决路径引用问题,现在8版本解决掉了这个bug,可以不再依赖~了,随之带来的是配置文件字段发生了改变所导致的。 (2) 在sass-loder 到了11版本,需要是 webpack5,我们现有的脚手架基本都是基于 webpack4 进行开发的所导致的 更新日志 解决方法 (1)降低使用版本推荐使用sass-load原创 2021-07-20 16:33:20 · 595 阅读 · 0 评论 -
vue-cli中打包后,页面空白,路径错误.
在vue项目中,打包后出现这个问题,仔细一看原来是路径问题。 解决方法:在项目中添加vue.config.js文件,内容如下: 1.在vue-cli.3.3版本之前 module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' } 2.在vue-cli.3.3版本后 baseUrl被废除了,因此这边要写成 publicPath module.exports = { publicP.转载 2021-04-06 17:15:22 · 242 阅读 · 0 评论 -
js如何方便的展示base64二进制流图片文件
base64 简单地说,它把一些 8-bit 数据翻译成标准 ASCII 字符 Data URI scheme Data URI scheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。 所以我们就可以用如下方法直接显示base64二进制流文件 在下面演示中,data表示取得数据的协定名称,image/gif是数据类型名称,base64 是数据的编码方法,逗号后面就是这个image/gif文件base64编码后的数据。 <img src=“data:i转载 2021-03-23 17:57:49 · 3187 阅读 · 0 评论 -
在js中动态添加标签并绑定事件给事件动态传餐问题解决方案
最近在开发时遇到一个棘手问题,就是在js里循环的插入标签组,想要给里面的按钮添加绑定事件,并动态的传递参数,不管我怎么写就是获取不到当前标签组的 i ,然后就找到以下两种方法用作记录。 第一种 传递一个参数 let abc = '<a οnclick=subButton(\''+data.index+'\')><i class="fa fa-cloud-upload"></i>删除</a>' 第二种() 传递多个参数 let abc = '<a ο原创 2021-03-16 11:32:27 · 295 阅读 · 0 评论 -
解决element-ui输入框无法输入的问题
1.在data中定义的变量必须要有初始值,且不能为Null(作者本人就是这个问题导致编辑时,输入框无法输入) 2.在网上也出现很多这种回答,就是给他添加一个@input事件@input事件可以拿到输入的值,然后使用this.$forceUpdate() 方法更新视图即可 ...原创 2021-02-07 10:26:43 · 3459 阅读 · 0 评论 -
后台返回两个相同数组其中一个包含另一个,去掉重复的项,返回一个不重复的新数组
options包含Children var Children = [{},{},{}] var options = [{},{},{},{},{}] function duplicates(options, Children) { function ischongfu(element) { const optionsEL = element let number = 0 // 这里的ID代表的两个数组中的对象某一个属性。 Children.forEach((elements) =&原创 2021-01-28 18:20:10 · 315 阅读 · 0 评论 -
关于elementui表格formatter列格式化内容展示,顺带处理表格不能显示布尔值的问题。
最近在做后台管理项目,遇到了后台传给我的数据,其中有一些数据并不能直接展示在表格中,需要做进一步处理,当然如果不嫌麻烦,自己拿来数据一条条进行处理也可以,但我是本着能少写就不写的原则,去elementui官网去搜索了一番,就找到了解决方案,那就是formatter这个参数,是专门用来处理展示内容的,用法如下 这个例子也顺带处理了,表格不展示布尔值的问题。 // html代码 <el-table-column prop="Registrationstate" :formatter = "form原创 2021-01-13 10:30:49 · 2186 阅读 · 0 评论 -
输入框查询,与下拉框查询功能
今天制作了输入框查询,与下拉框查询功能 1在去查阅了elementui官方文档后,并没有发现与我实际项目相同的组件,这就导致了我没法借鉴。 2.所以我就去常用的百度去查找,不愧是百度,立马就找到了,一开始就是用,实现并没有实现,通过别人的解释我发现了一个ES5的函数filter(),他是一个为数组定义的迭代方法,主要就是用来进行筛选和查询使用的,具体用法和注释见下列图片 而实际思路为 1.先从服务器取得数据,把数据进行保存 2.当用户点击查询按钮时经行点击事件的发生 3.先判断输入框里有没有值,如果没有就原创 2020-07-24 19:43:47 · 778 阅读 · 0 评论 -
跨域与解决方案
在今天写一个后台系统的项目,在请求后台数据时,意外出现了一个错误 Access to XMLHttpRequest at 'https://xxx.xxx.com' from origin 'https://xxx.xxx.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource一开始时不知道是什么原因,还以为是我封装的axios模块出现原创 2020-07-22 21:56:39 · 87 阅读 · 0 评论