摘要: vue跨页面调用方法 方法一: 1、src目录下,新建一个文件夹,文件夹下新建js文件 2、在js文件内写上要调用的方法 3、在要调用方法的页面引入这个js文件 方法二:挂载到vue.prototype 1、新建文件,曝光方法 2、main.js引入方法,挂载到vue原型 3、那个页面需要就直接调用 阅读全文
posted @ 2022-05-20 14:06 当然是选择猿谅她了 阅读(2574) 评论(0) 推荐(0)
摘要: vue项目首屏加载优化方案--开启gzip压缩 首先下载compression-webpack-plugin 输入:npm i -D compression-webpack-plugin,下载compression-webpack-plugin 接着配置vue.config.js 引入Compres 阅读全文
posted @ 2022-04-25 18:06 当然是选择猿谅她了 阅读(416) 评论(0) 推荐(0)
摘要: vue项目部署到阿里云服务器(windows),Nginx代理! 项目构成: 前端:vue+vant-ui, 数据库:mysql, 后端:node.js 部署方式:nginx代理; 一,首先要拥有自己的服务器,阿里,腾讯都可以,我用的是阿里的; 如果只是做个人项目的话,建议最便宜的就行,当然,如果你是土豪,当我没说; 直接点击购买,会弹出如下框: 操作系统的话我推 阅读全文
posted @ 2022-03-19 17:06 当然是选择猿谅她了 阅读(1215) 评论(2) 推荐(1)
摘要: element-ui表格单行拖动,新增拖动效果到容器 需求:table表格单行可拖动 单行表格可拖动到指定容器并渲染 可拖动用draggable属性,遍历el-table__row,给他们加上draggable,让其可拖动 t.addEventListener( "dragover", (e) => { //拖动到容器鼠标样式显示‘copy’效果 e. 阅读全文
posted @ 2022-02-21 16:12 当然是选择猿谅她了 阅读(528) 评论(0) 推荐(0)
摘要: 需求:table表格单行可拖动 单行表格可拖动到指定容器并渲染 可拖动用draggable属性,遍历el-table__row,给他们加上draggable,让其可拖动 export default { data() { return { count: 0, tableData: [ { date: 阅读全文
posted @ 2022-02-14 09:43 当然是选择猿谅她了 阅读(509) 评论(0) 推荐(0)
摘要: element-ui,table表格根据数据设置箭头和文字颜色 今天朋友发来张ui图是这样的: 后面哪一列要根据数据大于或小于0来显示对应文字的颜色,箭头颜色和,箭头指向 于是我就自己做了个demo来实现这个功能 建表格这些就跳过了,直入主题: 首先我们先搞这个箭头,饿了么的table “slot-scope”,这个属性是允许我们在表格前面加上自己想要的东西 < 阅读全文
posted @ 2022-01-20 15:35 当然是选择猿谅她了 阅读(2527) 评论(1) 推荐(0)
摘要: promise出现的目的一为处理JavaScript里的异步,再就是避免回调地狱。 promise有三种状态:pending/reslove/reject 。 pending就是未决,resolve可以理解为成功,reject可以理解为拒绝。 promise的最终状态会凝固,成功了以后即便再执行re 阅读全文
posted @ 2022-01-14 14:48 当然是选择猿谅她了 阅读(397) 评论(3) 推荐(1)
摘要: echart实现实时疫情图 直接上代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div ref="fymapbox" style="height: 800px; width: 50%" class="fymp" id="main 阅读全文
posted @ 2022-01-06 17:30 当然是选择猿谅她了 阅读(358) 评论(0) 推荐(0)
摘要: vue子传父用$emit实现 1.文件目录结构 2.parent父组件内容 <template> <div class="wrap"> <div>我是Father组件</div> <children @func="speak" ></children> <div>{{msg}}</div> </di 阅读全文
posted @ 2022-01-04 11:02 当然是选择猿谅她了 阅读(49) 评论(0) 推荐(0)
摘要: 实现elementui表格的排序 1:给table加上sort-change,给table每一项加上sortable和column-key,排序是根据column-key来进行排序的 <el-table :data="leavelist" border v-loading="tableLoading 阅读全文
posted @ 2021-12-31 11:10 当然是选择猿谅她了 阅读(3342) 评论(0) 推荐(0)