自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 下载OSS文件如何修改文件名

问题:从OSS下载下来的文件不是文件本身的名字,而是一长串文字(为了保持OSS上面文件名的唯一性,会在OSS上面的名字加上比如日期,时间等,这样下载下来的默认名字就变成了【时间+文件原名了】)我们可以这样子解决:先把文件以流文件的形式下载下来,然后在用a标签的download属性来给文件重新命名//将文件以流文件的形式下载下来handleGetBlob(url) { // ...

2019-11-01 11:17:13 6608 9

原创 如何判断两个JSON属性名一致

/** 标准的对比数据*/let DHCheck = { id: "SCD123", name: "SCD123", style: "2018C287190", type: "西裤", // url: "mes.etsystem.cn/order/SCD123", quantity: 210, ...

2019-09-12 09:32:02 603 2

原创 Element 中 表单form验证 明明有值却一直不能通过,

原因如下:

2019-09-05 16:53:18 6798 6

原创 JS下载文件(通过a标签)

//(方法一)有数据流文件let data = "" //data 为了你的数据流let blob=new Blob([data]);//将返回的数据包装成blob(方法的具体使用参考mdn)//创建alet alink = document.createElement("a");alink.download='teamplte.plt';//文件名,大部分浏览器兼容,IE10...

2019-08-16 09:49:23 6905 1

原创 数组数据响应成功后依次发送数据

起因:因为我们的接口一次性只能处理一个任务,如果多任务的话,请求返回被占用,所以我们需要发送请求之后,等到有返回值之后才能继续发送请求.这样子依次把所有的数据发送出去.我觉得需要用到递归的做法//index:当前的数据组 arr:请求的数组数据onImportOrder(index, arr) { //判断当前数组是否结束 if (index <= ...

2019-08-08 14:57:16 269 1

原创 vue element table 传值报错 _self.$scopedSlots.default is not a function

直接在要动态渲染的tabel上面增加key就行了<el-table ref="multipleTable" :data="tableData3" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="se...

2019-07-22 16:16:39 207

原创 安卓手机微信小程序JSON解析错误

经过:Exception in thread "main" net.sf.json.JSONException: Unterminated string at character 18 of [{..因为有一些json字符串会在最后添加一个\0所以我们解析的时候会出现错误,我们只需要替换掉就没问题了let obj = { "name":"菜鸟教程", "url":"...

2019-05-30 16:56:26 1179

原创 Vue,Element OSS多文件上传

原因:我们公司需要将多个文件一次上传到OSS服务器上面,可是OSS只支持单个文件的上传,所以我们只能将多个文件单次上传我们需要将element的上传控件重新写<el-upload ref="upload" :on-change="handleChange" :on-remove="handleRemove" :file-list="fileList" :auto-upload="f...

2019-04-23 16:10:11 2622 6

原创 在Vue中用富文本编辑器(可以ctrl+c粘贴)

我司需要做一个需求,就是使用富文本编辑器时,不要以上传附件的形式上传图片,而是以复制粘贴的形式上传图片.在网上找了一下,有一个个人维护的富文本编辑器支持这样子wangEditor 安装方式如下:npm i wangEditor --s然后在http://www.wangeditor.com/里面有详细的教程以上...

2018-11-26 15:59:46 3539

原创 如何动态修改到小程序的setData({})里面的参数

let item = e.currentTarget.dataset.item let select = e.target.dataset.id this.setData({ [item]: select })只要在要动态获取的参数中加入一个中括号就可以了以上。...

2018-10-26 14:59:13 994

原创 在vue的jsx语法中将字符串解析成标签

问题:后端传来一个html标签字符串解决方法:一开始我看文档,说是可以用v-html解决.可是并不生效.后来翻了挺多资料发现有一个方法`domPropsInnerHTML` 这样子就可以解决问题以上。...

2018-10-23 14:05:53 3552 4

转载 element vue vendor 首屏加载白屏 加载时间过长问题和使用vue+elementui组件采用webpack打包导致vendor过大的情况

1.如果你使用了webpack来打包你的vue项目,如发现你的vendor.js过大则可以参考本文的解决方案.2.造成过大的原因是因为在main.js导入第三库太多时,webpack合并js时生成了vendor.js(我们习惯把第三方库放在vendor里面)造成的.如下图在main.js引用element-ui等第三方库。后果就是你的服务器端的js文件越大则用户加载页面的时间会越长(因为所需下...

2018-10-15 16:35:28 3251

原创 从零开始用webpack4.x建立一个react(三)

webpack都已经配置好了,我们现在要来将react引入因为react用到的是jsx语法,所以我们要用到babel运行 `npm i babel-core [email protected] babel-plugin-transform-runtime -D` 运行 `npm i babel-preset-env babel-preset-stage-0 -D`运行 `npm ...

2018-09-27 09:54:07 183

原创 从零开始用webpack4.x建立一个react(二)

上一节说到如何打包一个项目,但是我们平时不是这么用的,我们需要一个热更新.动手操作一下1 命令行输入`npm i webpack-dev-server -D`    安装好之后测试一下,在你的package.json里"scripts"中输入"dev":"webpack-dev-server --open --hot"运行起来了页面弹出来是这样子的2 我们需要另外一个插...

2018-09-27 09:24:39 195

原创 从零开始用webpack4.x建立一个react(一)

首先创建一个文件夹1 打开命令行    输入`npm init -y`快速初始化项目2 之后安装webpack    输入`npm webpack webpack-cli -g`    然后输入`npm webpack webpack-cli -D`3 在文件夹中创建一个src文件夹   在里面创建一个index.js和index.html4 创建一个w...

2018-09-27 09:02:20 207

转载 微信公众平台服务号发送模板消息并跳转小程序

当你在使用公众号的模板消息API发送消息并且想可以通过这个消息跳转到小程序上,那么你可要注意了!很有可能踩了官方文档的参数名错误的坑!!!在官方文档“发送模板消息”章节中无论是POST数据说明还是参数说明中都明确的说明pagepath :所需跳转到小程序的具体页面路径可你在信心满满的遵照文档中的说明开发完后,调用接口却出现了下面这个错误提示(真操蛋)调用接口后返回:{ "...

2018-09-19 16:34:53 13591 2

原创 element-ui 怎么在表格头部添加一个Tooltip

问题:我们需要在表头添加一个tooltip,如图所示找了一下element的说明文档,里面有个属性render-header我看网上都是写原生的createElement,非常的不方便,我们用另外一种方法打开命令行输入 npm i babel-helper-vue-jsx-merge-props babel-plugin-syntax-jsx babel-plugin-tr...

2018-08-29 09:14:16 8549 3

原创 axios怎么获取到error中的状态值,具体信息

问题:当axios获取请求错误的时候,我们找不到error里面的具体信息得不到里面的status和具体的信息解决方法:我们只需要在error后面添加error.response然后就可以发现,具体的信息全部都出来了以上。...

2018-08-27 09:44:28 29692 13

原创 vue element 如何使文件批量上传

问题:大家使用element自带的文件上传功能时。虽然说文件是批量上传的,但是。其实他们都是一个一个传上去的。我司的后端说要将所有的文件全部一次性上传。解决方法:我们不可以用element自己的上传控件,需要自己写一个控件。代码如下 submitUploadET() { let formData = new FormData() this.ETf...

2018-08-24 14:18:51 9018 1

原创 echarts第二次的渲染问题

问题:echarts第一次渲染的时候没有问题,但是遇到第二次渲染的时候,上一次的残留下来的数据也会被再次渲染出来解决方法:只要在setOption中函数中,添加一个truesetOption({},true);就可以解决echarts的渲染问题...

2018-06-22 10:29:58 21054 8

原创 vue element 的渲染问题

问题:在一个表单页面中,每次切换页面的时候,会自动触发change函数以下是源代码&lt;template scope="scope"&gt; &lt;el-select v-model="scope.row.SaveModel" placeholder="请选择" @change="handleSwitch(scope.row)"&gt; &lt;el-option v-for=

2018-05-16 11:02:26 2058 1

原创 element v-if 条件渲染问题

问题:element 条件判断渲染哪一个模板,结果其中有一个模板中的options属性一直渲染不上去&lt;el-form-item :label="$t('soft.classify')" prop="CategoryIds"&gt; &lt;el-cascader v-if="softNewType == 1" ...

2018-05-12 22:52:52 16812 1

原创 在element模态框select中选中option之后select无反应

问题如下:模态框select中选中option之后select无反应要等点击取消或者确定是才可以有反应&lt;el-form-item label="类型:" :label-width="formLabelWidth" prop="type"&gt; &lt;el-select v-model="form.type" placeholder="请选择" @change="c

2018-04-24 09:43:25 10907 10

原创 如何用原生的方法写i18n

首先下载插件npm i di18n-translate之后在页面中应用&lt;script src="./node_modules/di18n-translate/dist/di18n.min.js"&gt;&lt;/script&gt;创建实例const di18n = new DI18n({ locale: 'zh', isReplace: true, messages: {...

2018-04-19 16:04:48 759

转载 Nginx 文件详解

#运行用户user nobody;#启动进程,通常设置成和cpu的数量相等worker_processes  1;#全局错误日志及PID文件#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  info;#pid        logs/nginx.pid;#工作模式及连接...

2018-04-02 09:30:31 99

原创 关于Vue的v-for渲染出多个元素之后如何单独添加属性

问题:我们想要在一个表单里面。有多个按钮,但是点击到只剩下一个按钮之后那个按钮不可点击。原先:&lt;template scope="scope"&gt; &lt;el-switch v-model="scope.row.state"         :on-value=1         :off-value=0 on-text="否" off-text="是" v-if=...

2018-03-29 10:25:17 6850 3

原创 vue同一页面中拥有两个表单时,验证问题

问题:如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个,那么第二个表单会出现验证错误的信息我们可以通过为两个表单添加ref属性之后在通过调用resetFields()方法来解决问题代码如下&lt;el-form :model="form" :rules="rules" ref="form" label-width="100px"&gt;this.$refs["form&quot

2018-03-27 09:47:36 11020

原创 解决vue中模态框内数据和外面的数据绑定的问题

问题:表单中的用户名和模态框中的用户名没有绑定同一个model,但之后在模态框捏输入发现表单内的用户名也发生了改变。原本计划是想点保存之后再改变的。解决方法找到判断模态框是否显示的变量。之后用watch监听该属性。然后就不会发生上述问题。表单:&lt;el-table :key='tableKey' :data="list" v-loading.body="listLoading" border ...

2018-03-27 08:45:44 4352

原创 element增加一级菜单页面

//条件判断 如果该菜单栏的children有一个以上的二级菜单,则展示出一级菜单&lt;el-submenu v-if="item.children.length&gt;1" :default-openeds="['1']" :index="item.title"&gt;    &lt;template slot="title"&gt;         &lt;i :class=

2018-03-23 16:35:14 3216

原创 Vue 路由的传参问题

此种传参方式不需要通过路由后面写:id这中方式而是通过router-link方式传参方法如下&lt;router-link :to="{ name: 'user', params: { userId: 123 }}"&gt;User&lt;/router-link&gt;router.push({ name: 'user', params: { userId: 123 }})之后在收到参数的页...

2018-03-23 16:17:26 479

原创 Nginx 请求问题

决定Nginx带不带后缀过去的原因:proxy_pass:uri中最后是否包含/若包含/则将“baidu”带过去,反之,则不带过去location ^~/baidu/ {            proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwa...

2018-03-19 14:33:19 363

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除