记录 element vue的upload组件的使用

感觉智商再一次受到了鄙视。

一路既往的无法从文档和源代码中找到思路。

最后相想通了,使用upload组件需要两个变量。

一个用来初始化和清除组件的附件列表。

一个在onChange事件中赋值,用来记录附件的最新文件列表。

filelist的真实值可以作为数组循环,可以通过子元素status是否为success来判断成功与否,可以通过response来获取服务器的返回值。

大概代码如下:

<el-upload
class="upload"
drag
action="/file/upload"
:on-change="onFileChange"
:file-list="FileList"
limit="1"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
</el-upload>


'onFileChange':function(file,filelist){
this.Model.FileList=filelist
},


'onSubmit':function(){
let files=[]
let self=this;
for(let file of this.Model.FileList){
if (file.status==="success"){
files.push(file.response.url)
}
}
self.Form={
Content:this.Model.Content,
FileList:files
}
},


发布于
2018-08-23

记录:element ui库中分页器(Pagination)初始页一直为1的问题

被这个问题折腾了4个小时。

代码都爬过,都没注意到。

各种可能都尝试过。

最后通过发散关键词搜索才找到问题。

分页器的total设为0和设为null效果完全不同!!!

设为0会因为当前页无效,重置为1(谁能告诉我什么这种情况1有效了……)

视为null会不判断当前页是否有效。

文档中完全没有体现这一点……当然,element的文档本来就不全……

我觉得靠我自己要能debug到这一点至少要花几天。

我既不会强行限制current-page,也不会把null和0做这样的区分……

看来还是太菜啊。

附救命的issus链接:

https://github.com/ElemeFE/element/issues/2823

发布于
2018-08-22

记录:go get 翻墙安装

之前都是用proxychain和proxifier来代理的。

这次下fsnotify时用了个简单点的方法

git config --global http.proxy socks5://127.0.0.1:7070

http_proxy=socks5://127.0.0.1:7070 go get github.com/mattn/go-sqlite3

git config --global --unset http.proxy

http://www.topcaver.com/go-get-through-socks5-proxy

发布于
2018-08-06

gitlab蛋疼的升级修复

公司服务器手兼升级gitlab,然后挂了……

docker logs查日志,一堆utf8数据无法插入,而且明显是merge中生成的数据……

大概是

Incorrect string value: '\xE6\x9D\x83\xE9\x99\x90...' for column 'commit_title'

蛋疼啊。不停手工修改字段的字符集。

发布于
2018-05-11

我为什么喜欢golang

接触golang一年了,自己的小框架,准确的说是网络代码包也离预期完成了十之七八了。

的确发现,自己挺喜欢这门语言的。

而反思为什么喜欢这门语言,其实很简单,因为我菜,而且知道自己菜。

一直以来,用过的语言里,可以说最不喜欢的就是PHP和Javascript了。

我不知道为什么这两门语言会有人觉得简单。

对我而言,很难。

不能确定的变量类型,各种隐藏着的类型转换。

只要代码堆积的一多,自己都不感去想有多少问题。

反观golang。

静态编译,有defer,chan,go来降低心智负担,真的很省力。

其实早早的就知道,自己只能算是个票友,能力有限,一直想各种方法来降低写代码时的心智负担,使得尽可能的作出更复杂的程序。

毕竟,换语言容易,换脑子难。

我菜,我自知,我用golang.

发布于
2018-02-13