w小博-CSDN博客

原创 vue+Element中table表格实现可编辑（select下拉框）

最近在工作中遇到一个问题，需要在表格中实现数据可编辑状态，具体情况是需要在单元格里加入下拉框；并且每个下拉框的数组数据是不一样的，具体是根据当前行前面数据的id查询而来，前面的是数据是动态生成的，后面的下拉框数据也是根据id动态生成的，内容不同；有点类似于树形二级状态，后面的下拉框数据来源并没有在前面内容里，而是另外一个接口查询，具体操作如下：HTML代码：1.在处理人列加入一个下拉框模板，...

2020-04-10 14:03:19 18121 4

原创利用tag（input）标签实现自定义添加checkbox选项内容；

我们经常会利用一些复选框数组来做一些选择内容，如职位选择，爱好选择；但是可供选择的数组里面可能没有用户需要的选项，这时候我们需要让用户可以自定义添加一个选项内容；然后我们就可以利用elementui中的tag标签来实现一个可添加控件；其实我们并没有实际应用到tag标签，而是用到了他的可动态编辑标签的一个方法；具体代码如下：html代码：也可从elementui中tag标签–动态编辑标签中获取（...

2020-04-02 10:21:26 1525

原创 vue+axios+el-upload实现文件上传（带参数）：

本次使用http-request自定义文件上传：<el-upload class="upload-demo" action="string" :http-request="uploadFile" :limit="1" :show-file-list="false"> <el-button size="small" type="primary">上传头像</el-b...

2020-04-01 21:38:26 5693

原创一文解析：vue项目中css作用域（scoped属性）及覆盖element组件样式方法

我们在每个vue项目或多或少都有会设置组件css样式或者覆盖第三方(element)组件样式的需求。但是有些朋友可能会遇见在覆盖第三方组件样式失效或者设置的样式污染了其他组件的样式。最近我在做一个可视化项目中又遇见了这个问题，于是决定找出问题的关键，通过方法彻底解决这个BUG；在解决这个问题之前，我们首先需要了解一下vue组件的css作用域及scoped属性，以及improt属性。1.vue-loader官网文档：https://vue-loader.vuejs.org/zh/guide/css-mod

2020-12-03 18:03:57 3572

原创 Vue项目中使用Echarts 柱形图应用解析

最近在做一个可视化项目（vue+echarts+three.js），其中有六个echarts图表需求，所以在完成项目之后，将图表应用的一些基础参数记录，方便以后复用！提高开发效率。HTML<div id="windFarmLife" style="width: 100%; height: 260px"></div>JavaScript<script>import echarts from "echarts";import { getLifeData } fr

2020-11-30 16:29:11 467

原创 Ajax请求的跨域问题

通过XHR实现的Ajax通信的一个主要问题，来源于跨域安全策略；默认情况下，XHR对象只能访问与包含它的页面位于同一个域中的资源；一，跨域资源共享：1，浏览器CORS的实现；二，其他跨域技术：...

2020-08-19 17:59:19 422

原创 XMLHttpRequest对象的进阶

一，FormData类型现在web应用中频繁使用的一项功能就是表单数据的序列化（将表单对象序列化为字符串）；为此XMLHttpRequest新定义了FormData类型；FormData为序列化表单以及创建表单格式相同的数据提供了便利； // 为按钮添加点击事件 btn.onclick=function(){ // 将普通的html表单转换成表单对象 var formData=new FormData(form);

2020-08-19 15:20:30 209

原创 XMLHttpRequest对象与ajax请求

Ajax技术的核心是XMLHttpRequest对象（简称xhr）；xhr为向服务器发送请求和解析服务器响应提供了流畅的接口；能够以异步的方式从服务器获取更多的信息，意味着用户单击以后，可以不用刷新页面就获取新的数据；XMLHttpRequest对象目前市场上的主流浏览器都支持原生的XHR对象，在这些浏览器中创建XHR对象需要使用XMLHttpRequest构造函数；XHR对象中的一些方法：1，open()；接收三个参数（请求类型get/post，请求url，是否异步发送请求的布尔值）;2，se

2020-08-19 12:00:29 221

原创 js中的JSON数据格式

JSON是javascript中的一个严格的子集，利用了javascript中的一些模式来表示结构化数据；关于JSON，是一种数据格式，不是一种编程语言；JSON语法：可以表示三种类型的值；1，简单值（字符串，数值，布尔值，null ）；2，对象；3，数组；...

2020-08-19 09:52:38 685

w小博的博客