-
前端纯拼接的方法拼成Excel
1.自己定义一个函数transform函数varidTmr//自己定义一个函数transform,在里面写我们的业务逻辑functiontransform(table,name,callback){//table为表格数据,name为导出文件名,//callback为导出完毕回调,方便你知道导出完成了(可根据自己需求决定是否需要)lettableInnerHTML=''letheaderData=… -
vue前端大量数据导出Excel导致浏览器崩溃解决办法
[该文章已加密,请点击标题输入密码访问] -
element-ui 图片上传upload支持拖拽排序(并保留原有的预览、删除)
使用vue.draggable拖拽插件,隐藏原有的上传view,自定义上传view并绑定预览和删除功能只能上传jpg/png文件,且不超过10MB,推荐尺寸(800x800),最多上传5张。可拖拽改变图片顺序,点击可放大观看//放大handlePictureCardPreviewFileDetail(file){this.dialogImageDetailUrl=file.url;this.dia… -
解决npm install 报错 npm ERR code 128 Permission denied
npmERR!code128npmERR!AnunknowngiterroroccurrednpmERR!commandgit--no-replace-objectsls-remotessh://git@github.com/*****.gitnpmERR!Permissiondenied(publickey).npmERR!fatal:Couldnotreadfromremotereposito… -
element 表格使用span-method合并列
this.getSpanArr(this.tableData);//后台获取到数据后进行数据处理getSpanArr(data){this.spanArr=[]for(vari=0;i0?1:0;return{rowspan:_row,colspan:_col}}}, -
vue添加可拖拽悬浮窗按钮
//悬浮按钮组件{{text}}exportdefault{data(){return{text:'双击显示案件详情',isOpen:false,isMove:false}},methods:{openBox(){console.log('双击')},mousedowm(e){//鼠标按下时的鼠标所在的X,Y坐标this.mouseDownX=e.pageXthis.mouseDownY=e.pa… -
Vue中监听浏览器离开当前选项卡页面
在Vue中监听浏览器离开当前选项卡页面,可以使用beforeRouteLeave导航守卫(如果使用VueRouter)或者利用浏览器的原生事件监听visibilitychange。下面分别介绍这两种方法:使用VueRouter的beforeRouteLeave:如果你的应用使用了VueRouter,可以在组件内使用beforeRouteLeave导航守卫来监听路由变化,间接实现页面即将离开的逻辑。… -
element table 如果采用动态表格列,怎么去给指定某列加上filter-method
如果你的filters也是根据请求得到的数据来筛选的,那么你需要先发起请求获取这些数据,然后在数据返回后更新你的tableColumns。这通常涉及到在Vue组件的created钩子或者某个方法中发起请求,并在请求完成后更新状态templateel-table:data=tableData...