![](https://img-blog.csdnimg.cn/20201022082007407.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 52
vue
abandon̸
在全栈的路上摸爬滚打
展开
-
mock常用占位
mock常用占位@cname 中文人名@id 身份证id@title 中文title@city 中文城市@ip ip地址@email email@url url地址@csentence(1,10) 生成1到10个字的中文句子@cparagraph 生成中文段落@string(10) 输出10个字符长度的字符串@float(0,100) 0 到 100 的浮点数@integer(10,70) 10 到 70 之间的整数@bo原创 2021-04-30 14:55:58 · 1054 阅读 · 1 评论 -
Vue集成高德地图
npm install vue-amap --savemain.jsimport AMap from 'vue-amap'; // 高德Vue.use(AMap);AMap.initAMapApiLoader({ key: 'f183ec7fc2b5d5175cac7f6xxxxxx', // 申请的高德地图 web key plugin: ['AMap.Autocomplete','AMap.Geolocation'],//plugin所要用到的模块功能,按需添加 v: '1.4.原创 2021-02-01 16:18:32 · 454 阅读 · 0 评论 -
vue自定义指令/全局指令
directives.jsexport default (Vue)=>{ Vue.directive('color',{ inserted(el,bind){ console.log(bind) el.style.color=bind.value }, update(el,bind){ console.log(bind) el.style.color=bind.v原创 2020-12-30 18:02:59 · 301 阅读 · 0 评论 -
v-if 和 v-show
v-if :条件为true时,方才渲染v-show :无论条件是否true均渲染,只是为false时使用display:'none’原创 2020-12-28 10:47:26 · 99 阅读 · 0 评论 -
Vue项目打包部署到服务器(Linux)
一、打包(build)npm run build也可以打包完成后项目路径会多出一个dist文件夹到这里本地的打包完成了然后到服务器二、服务器配置(nginx)注:如果已经有nginx环境了的话直接到第6小步1、查看gcc版本 gcc -v没有的话安装yum -y install gcc2、pcre、pcre-devel安装pcre是一个perl库,包括perl兼容的正则表达式库,nginx的http模块使用pcre来解析正则表达式,所以需要安装pcre库。yum install原创 2020-10-29 14:12:19 · 6481 阅读 · 0 评论 -
前端优化(Vue项目优化首页加载速度)
玄学8秒!用户在访问网站时,加载时间超过8秒就会感到不耐烦,我自己尝试了很多个时间段,感觉2-4秒是比较舒服的(而且还能给人一种哇这个网站好高级的样子啊好快啊优化也太下功夫了叭 的错觉)。经过我的虚心求教 (不耻下问)之后,记录下几个提高加载速度的方法一、路由懒加载{ path: '/index', component: () => import('@/views/index'), //懒加载-访问该页面才加载 }这一步之后,打包后会发现很大的chunk-vendor原创 2020-10-22 11:08:31 · 2002 阅读 · 2 评论 -
钉钉审批详情页面
钉钉审批页面模板钉钉没有提供审批页面的前端,So自己做了一个哈哈哈<div class="info"> <Avatar class="tuid" size="large" style="background: #3296FA">{{str(process_instance.originatorUserid)}}</Avatar> <div class="tuid"> {{ process_inst原创 2020-06-11 16:04:14 · 4708 阅读 · 0 评论 -
Vue生命周期 created,mounted, methods , computed , watched
共8个阶段:创建前/后,载入前/后,更新前/后,销毁前/后原创 2020-06-11 10:46:51 · 3631 阅读 · 3 评论 -
简易搜索(给匹配到的结果添加颜色)
<Button slot="append" icon="ios-search" @click="search"></Button>search() { var that = this; var num=0; $(".org-tree-node-label-inner").each(function () { if(($(this).text()).indexOf(that.value13) != -1){ $(原创 2020-06-04 15:41:57 · 399 阅读 · 0 评论 -
Vue项目相关
1 安装node.js从node.js官网下载并安装node,安装过程很简单,一直点下一步就ok了,安装完之后,我们通过打开命令行工具(win+R),输入node -v 命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息。node的环境已经安装完成2 安...原创 2019-12-26 08:18:37 · 113 阅读 · 0 评论