![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
牵手北京99
这个作者很懒,什么都没留下…
展开
-
vue日期回显到昨日,今日和今日以后日期不可选
vue日期回显到昨日,今日和今日以后日期不可选原创 2022-06-17 10:47:06 · 439 阅读 · 1 评论 -
vue封装请求接口
axios请求的相关代码放置于:src→api→index.js. indext.js基于axios的封装,便于处理统一处理POAT,GET等请求参数,请求头,以及错误提示信息等。具体可以参考:和服务端进行交互 | vue-element-admin。或者https://github.com/PanJiaChen/vue-element-admin/blob/master/src/utils/request.js下面我们看index.js文件中的写法实例index.js文件请求拦截器中index.原创 2022-06-17 10:17:38 · 863 阅读 · 0 评论 -
vue锚点定位案例
<!--健康记录--><template> <div id="healthRecord"> <hc-tabs tab-position="left" v-model="tabActive" @tab-click="tabHandleClick" style="height:200px;width:90px;"> <el-tab-pane label="体重" name="weight"> </el-tab-pane> .原创 2022-05-18 09:22:27 · 475 阅读 · 0 评论 -
vue 全屏按钮切换
<!-- 全屏按钮 --> <!-- <img class="box" v-if="!showFullScreen" src="../assets/img/full.png" @click="showFullScreenFun" style="position: absolute;top: 0.4rem;right: 0.9rem;"/> --> <img class="box" v-if="!showFullScreen" src="../ass.原创 2022-05-17 17:44:20 · 450 阅读 · 0 评论 -
echarts图表
<div id="targetPic"></div>// 目标用户群环形图 getTargetCus(){ let option; option = { series:[ { name:'', type:'pie', radius:['70%','100%'], //饼图的半径 .原创 2022-03-08 16:35:05 · 279 阅读 · 0 评论 -
echarts条形图
<div id="sexColumnPic" v-show="isShowSexPic === 2" style="height:313px;"></div>// 性别条形图 getSexColumnPic(){ let option; option = { yAxis:{ type:'category', data:this.columnOptio.原创 2022-03-08 16:29:39 · 1111 阅读 · 0 评论 -
echarts柱状图
<div id="levelColumnPic" v-show="isShowLevelPic === 2" style="height:313px;"></div>// 客户等级柱状图 getLevelColumnPic(){ let option; option = { xAxis:{ type:'category', data:this.col.原创 2022-03-08 16:25:28 · 722 阅读 · 0 评论 -
echarts 环形图
<div id="sexRoundPic" v-show="isShowSexPic === 1"></div><hc-button class="btnColor" plain="true" icon="operator-0308-download-0408" size="small" @click="downloadSexPic">下载图片</hc-button>methods方法中isShowSexPic是图表切换,如果项目中不需要可以不写,这个.原创 2022-03-08 16:19:31 · 760 阅读 · 0 评论 -
tab 栏切换
<div class="btnBox" style="padding: 10px 0 10px 0;box-sizing: border-box;"> <span class="yangshibutton" :class="{'slectcolor':flagClick=='服务量'}" @click="handleClick('服务量')">服务量</span> <span class="yangs.原创 2022-03-08 10:15:43 · 94 阅读 · 0 评论 -
el-radio单选
<hc-radio v-model="scope.row.increaseFlag" :label="true" :disabled="diableEdite" style="line-height: 32px;" @click.native.prevent="changeForwardRadio(true,scope.row,scope.$index )">显示长箭头</hc-radio>data中写increaseFlag:false,.原创 2022-02-25 09:51:45 · 394 阅读 · 0 评论 -
el-table合并单元格-行合并
合并单元格,如果id列值一致,则合并原理1、getSpanArr(data)方法 data就是我们从后台拿到的数据,通常是一个数组;2、spanArr是一个空的数组,用于存放每一行记录的合并数;3、 pos是spanArr的索引。如果是第一条记录(索引为0),向数组中加入1,并设置索引位置;如果不是第一条记录,则判断它与前一条记录是否相等,如果相等,则向spanArr中添入元素0,并将前一位元素+1,表示合并行数+1,以此往复,得到所有行的合并数,0即表示该行不显示<template原创 2022-02-23 14:05:48 · 1455 阅读 · 0 评论 -
vue中this.$set的用法
https://www.jianshu.com/p/6f28f5abee08转载 2022-02-23 14:00:08 · 120 阅读 · 0 评论 -
vue 下载或导出文件
html里写一个按钮组件<hc-button type="default" text="导出" style="color: #229399;" icon="hc-icon-downLoad" size="small" @click="exportButton" v-preventReClick>导出</hc-button>methods方法里// 导出按钮 exportButton(){ let param = { "articleType": thi原创 2022-02-23 13:55:21 · 315 阅读 · 0 评论 -
vue 动态按钮设置权限,是否显示和可被操作
//按钮名称<hc-button size="small" type="primary" v-if="ifOperate1()" @click="btnFun(btnitem.resID)" :disabled="isDisabled(btnitem.resID)">{{btnitem.resName}}</hc-button>//按钮是否显示可被操作 ifOperate1(item) { if (JSON.stringify(this.obj.operateOA原创 2022-02-22 14:19:47 · 1038 阅读 · 0 评论 -
VUE date类型时间转换成正常时间日期
转换日期格式设置过滤器date.js文件export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { 'M+': date.getMonth() + 1, 'd+': da原创 2022-02-22 10:43:14 · 1718 阅读 · 0 评论 -
vue页面接口数据不更新问题,重复调接口
例如做一个上传图片按钮,上传图片到详情页的表格,但是如果不强制刷新页面的话,表格里的内容就不更新,那么我们就需要去再调一遍接口,如果组件较多的情况下我们可以用以下方法表格里的信息是从详情查询接口获取的父组件定义刷新依赖 在appointment_detail .vue文件夹定义(当前接口所在的文件夹)子组件uploadimageshow.vue中注入刷新依赖并引入methods方法里使用刷新方法...原创 2022-02-22 10:09:43 · 1949 阅读 · 0 评论 -
sessionStorage用法
sessionstorage怎么传对象通过JSON.stringify()将对象转换为文本格式;读取时,通过JSON.parse()将文本转换回对象。例如let currentOrg = JSON.parse(sessionStorage.getItem('currentOrg'));//currentOrg为session里的名称原创 2022-02-22 09:43:41 · 299 阅读 · 0 评论 -
vue前端按钮防止重复点击
新建一个preventReClick.js文件import Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { // 防止按钮重复点击 inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) { el原创 2022-02-22 09:38:20 · 828 阅读 · 0 评论 -
vue 创建项目
# 一、项目初始化## 使用 Vue CLI 创建项目> 注意:不要使用 Git Bash 执行项目创建操作,使用 cmd 或者 powershell 之类的工具。> 如果你还没有安装 VueCLI,或者版本低于 4,请执行下面的命令安装或是升级:>> ```shell> npm install --global @vue/cli> ```在命令行中输入以下命令创建 Vue 项目:```shellvue create toutiao-pub原创 2022-02-16 10:15:13 · 385 阅读 · 0 评论 -
vue 多选缩略图
<hc-dialog title="选择图片" :visible.sync="selectImgFlag" width="520px" top="10vh" class="dialog-picker selectImageDialog" :close-on-click-modal="false" :append-to-body= "true" .原创 2022-02-16 09:37:15 · 389 阅读 · 0 评论 -
js 导出、下载
原创 2021-12-28 14:56:44 · 336 阅读 · 0 评论 -
el-select同时获取code和name的方法
原创 2021-12-28 14:43:20 · 755 阅读 · 0 评论 -
Vue中,$forceUpdate() 强制刷新
//vue框架中,如果data中有一个变量:age,修改他,页面会自动更新。但如果data中的变量为数组或对象,我们直接去给某个对象或数组添加属性,页面是识别不到的<template> <p>{{userInfo.name}}</p> <button @click="updateName">修改userInfo</button></template><script> data(){ return原创 2021-11-17 11:10:41 · 348 阅读 · 0 评论 -
vue el-tree树状菜单允许拖拽(同级拖拽)
以上是拖拽的,那么如果想要有搜索框搜索下边的菜单那需要做如下操作原创 2021-11-10 14:45:05 · 1907 阅读 · 0 评论 -
el-select 同时传给后端code编码和name
原创 2021-11-02 10:39:59 · 416 阅读 · 0 评论 -
switch 用法
methods 里写方法原创 2021-10-26 11:15:01 · 52 阅读 · 0 评论 -
vue 根据后端返回的文件流进行预览文件
vue 根据后端返回的文件流进行预览文件<el-button @click.native.prevent="prewelRow(scope.row)">预览</el-button>//这里调接口getDataExcel({id:row.id}).then(res=>{ var excelData = res.data; var r = window.open(); r.document.body.innerHTML = excelData;})//这样页面就可原创 2021-03-08 14:10:12 · 2910 阅读 · 0 评论 -
elment ui解决右上角弹框关闭验证不消失问题
原创 2021-10-21 10:58:25 · 112 阅读 · 0 评论 -
vue 子组件的数据如何根据ref传给父组件
父级里写个ref:<moban ref="mobanList"></moban>当父级的确定按钮点击后:var list = this.$refs['mobanList'].model.drugTable;这个list就是你的drugTable了。或者在子件的method里写个 getDrugTable(){ return this.model.drugTable;}然后父组件点确定时:var list = this.$refs['mobanList'].ge.原创 2021-10-17 12:05:53 · 575 阅读 · 0 评论 -
el-table中自定义标签
<el-popover placement="top-start" trigger="hover" v-if="nickName.length > 10" width="200"> <span v-if="nickName.length > 10" slot="reference" style="background-color:#ccc">{{nickName.substring(0, 10) + "..."}}</span> .原创 2021-09-17 15:18:11 · 1075 阅读 · 1 评论 -
使用moment格式化日期(时间戳转格式)
https://blog.csdn.net/qq_38933412/article/details/82879127原创 2021-08-26 20:08:46 · 663 阅读 · 0 评论