vue构建项目
先来个小漩涡
话不多说,先来个小漩涡
展开
-
动态更换vue-title
1.根据业务不同,通常复用页面,但是为了便于区分,我们可以通过判断参数来动态修改title2./*更换title函数*/ Is_BookFun(){ let self=this; if(this.Is_Book=='1'){ // self.$route.meta.title='新建预订单'; ...原创 2020-01-09 09:49:00 · 179 阅读 · 0 评论 -
vue后台系统实现选择商品穿梭框,且左边全部不减少
场景:选择商品展示效果可直观化——穿梭框形式效果<!--活动设置-满减活动列表-新增页面reduce_settings--><template> <div id="reduce_settings"> <div style="font-size: 12px;"> <el-breadcrumb separator-...原创 2019-12-06 14:57:04 · 2727 阅读 · 0 评论 -
vant框架上传组件---上传身份证两面图片需求并且压缩图片质量,非压缩长宽——商城项目
场景1.vant框架上传组件—上传身份证两面图片需求并且压缩图片质量,非压缩长宽——商城项目2.压缩图片质量大小——3.压缩逻辑因为是正反两面单独压缩执行,所以我这里使用 Promise.all异步压缩完成后调用后台接口传递base64前端代码DOM<template> <div id="shop_address_edit"> <van...原创 2019-12-06 14:43:23 · 2808 阅读 · 1 评论 -
省市区三级联动vue elelment
1.vue-cli ,elementUI 实现省市区三级联动2.DOM <!--地址修改弹框--> <el-dialog class="AddressBoxTY" title="地址修改" :visible.sync="AddressDialog" width="400px"> <div>...原创 2019-10-25 14:17:36 · 650 阅读 · 0 评论 -
http以及https适配网址接口 后台管理系统
1.应用场景在开发过程中需要http、https2.实现在公共config文件var agreement = location.protocol;//获取http或者https // var baseUrl=agreement+'//*******/';//线上var baseUrl='/api/';//本地// var baseUrl=agreement+"//localhost...原创 2019-10-25 14:09:41 · 548 阅读 · 0 评论 -
vue实现甘特图,动态展示数据
场景:1.在开发一个后台系统时,遇到一个甘特图的需求2.通过特定的数据结构和vue的循环判断加上table原生表格的合并行列实现需求效果<template> <div class="hello"> <!--Echarts图表盒子--> <div id="myChart" :style="{width: '1633px', h...原创 2019-10-14 11:09:20 · 2941 阅读 · 0 评论 -
elementUI table表格合并列相同行:span-method="objectSpanMethod"
1.应用场景:在使用element表格table时一个需求是要相同列的相同厂家合并为一格显示2.效果3.代码实现【引入elementUI就不多说】4.上代码首先需要在eltable标签中加入绑定函数 :span-method=“objectSpanMethod”<el-table :span-method="objectSpanMethod" ...原创 2019-09-26 14:17:19 · 5167 阅读 · 3 评论 -
vue设置路由title,实现在vue路由发生变化的时候,相应的页面title随之变化
1.转载以便参考2.转自https://blog.csdn.net/wangzhaoli0915/article/details/88574314在vue2中还可以使用vue-wechat-title插件来解决页面title的问题import Vue from 'vue'import Router from 'vue-router'/*import HelloWorld from '@/...转载 2019-09-25 11:18:36 · 197 阅读 · 0 评论 -
mock模拟数据使用引入【vue中】
1.安装mockjsnpm install mockjs --save-dev2.main.js引入require('./mock/PC/index')3.mock文件夹下创建index.js【会自动获取上下文的其他页面js】import Mock from 'mockjs'; // 导入所有的模拟接口(require.context 可用于获取目录上下文) const con...原创 2019-09-19 10:26:14 · 750 阅读 · 0 评论 -
搭建Vue脚手架(vue-cli)并创建一个项目【看这一篇就够了】【个人记录,以便后期参考】
1、 安装nodejs环境2、安装vue-cli有npm和cnpm两种方式,网上都说cnpm好些,所以我也用的cnpm安装,首先利用淘宝镜像安装cnpmnpm inst...原创 2019-09-11 11:09:30 · 729 阅读 · 0 评论