随笔档案「2020年8月」 - 小名香菜~

前端跨域通信的几种方式

摘要：1、JSONP 2、WebSocket 3、CORS 4、Hash 5、postMessage 1、JSONP 面试会问：JSONP的原理是什么？怎么实现的？在CORS和postMessage以前，我们一直都是通过JSONP来做跨域通信的。 JSONP的原理：通过<script>标签的异步加载来实阅读全文

posted @ 2020-08-31 10:34 小名香菜~ 阅读(362) 评论(0) 推荐(0)

el-tree中复选框删除选中状态

摘要：<div> <el-tree ref="tree" :props="defaultProps" node-key="id" :data="data" show-checkbox check-strictly :default-expand-all="disabled" @check-change=" 阅读全文

posted @ 2020-08-28 15:02 小名香菜~ 阅读(2344) 评论(0) 推荐(0)

el-tree中的checkbox状态添加disabled属性

摘要：在elementUI的组件中，没有对el-tree里面的复选框设置不可修改状态；只能在每个对象里面添加disabled属性，才能达到想要的结果。如下图：所以当我们想禁用所有状态的时候，就可以使用迭代的方式满足需求，具体如下代码： created() { this.getLoadData() }, 阅读全文

posted @ 2020-08-28 11:10 小名香菜~ 阅读(4940) 评论(0) 推荐(0)

数组和字符串之间的转换

摘要：给数组添加一个key值： var arr = [1,2,3]; console.log(arr); //[1,2,3] arr= arr.map((item) => ({ name: item })) console.log(arr); //[{name:1},{name:2},{name:3}] 阅读全文

posted @ 2020-08-27 14:33 小名香菜~ 阅读(186) 评论(0) 推荐(0)

Js对ip段进行校验

摘要：<style scoped> .main { background-color: transparent; } .ip_name { position: relative; top: 1.5rem; left: 1rem; } .item { font-size: 1rem; font-family 阅读全文

posted @ 2020-08-26 14:19 小名香菜~ 阅读(1211) 评论(0) 推荐(0)

实现el-tabs标签与el-menu之间的联动。

摘要：实现功能：点击mean的子菜单，tabs显示子菜单名称。并且可以进行删除，刷新之后，停留在刷新前的界面。使用到的组件el-menu ，el-tabs。使用到的工具：vue-router，vuex 实现效果：项目目录： App.vue <template> <div id="app"> <el- 阅读全文

posted @ 2020-08-25 14:18 小名香菜~ 阅读(3680) 评论(0) 推荐(0)

vueCli中重复点击路由报错

摘要：以上的那种错误，就是当重复点击一个路由的时候，报出这种错误；修复方法：在router.js中添加这一段代码就好啦；因为这是重写路由的push方法 >这个是vue-cli4.x以上的坑 const originalPush = VueRouter.prototype.push VueRouter. 阅读全文

posted @ 2020-08-24 15:28 小名香菜~ 阅读(436) 评论(0) 推荐(0)

修改elementUI中disabled状态下的样式

摘要：解决问题1：前端修改el-input中disabled 状态下的样式；解决问题2：前端修改el-input中placeholder的样式； css样式代码： .remarks >>> .el-input__inner { border: 0px solid; position: relative; 阅读全文

posted @ 2020-08-21 15:02 小名香菜~ 阅读(14849) 评论(0) 推荐(0)

前端通过后端接口实现下载功能导致乱码

摘要：通过swagger下载的文档以及将接口接到前端下载都会乱码；但是有一种情况不会乱码，就是直接使用后台的接口地址，也就是说直接使用a标签就不会出现乱码的问题，可是直接使用a标签，会显着代码不优雅。所以，有了以下解决办法。 // 导入功能中的下载模板功能 downMoudle() { download 阅读全文

posted @ 2020-08-21 14:25 小名香菜~ 阅读(2194) 评论(0) 推荐(0)

前端将后端返回的带颜色的数据进行转换

摘要：因为之前在调用后端接口的时候后端返给我的数据显示乱码：具体如下图所示：然后这些数据在后台显示的是这样的的，如下图所示：根据以上这三幅图片可以看到有些数据在后台显示的时候有些代码是带颜色的，而在前端显示的时候会显示成乱码。所以我们可以根据这个特点去想，怎么在网页上显示终端的颜色。解决方法( 阅读全文

posted @ 2020-08-13 15:16 小名香菜~ 阅读(1598) 评论(0) 推荐(0)