<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_49732089的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_49732089</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_49732089]]></copyright><item><title><![CDATA[vue日期回显到昨日，今日和今日以后日期不可选]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/125329402</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/125329402</guid><author>qq_49732089</author><pubDate>Fri, 17 Jun 2022 10:47:06 +0800</pubDate><description><![CDATA[vue日期回显到昨日，今日和今日以后日期不可选]]></description><category></category></item><item><title><![CDATA[vue封装请求接口]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/125327709</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/125327709</guid><author>qq_49732089</author><pubDate>Fri, 17 Jun 2022 10:17:38 +0800</pubDate><description><![CDATA[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.]]></description><category></category></item><item><title><![CDATA[vue锚点定位案例]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/124826783</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/124826783</guid><author>qq_49732089</author><pubDate>Wed, 18 May 2022 09:22:27 +0800</pubDate><description><![CDATA[&lt;!--健康记录--&gt;
&lt;template&gt;
	&lt;div id="healthRecord"&gt;
		&lt;hc-tabs tab-position="left" v-model="tabActive" @tab-click="tabHandleClick" style="height:200px;width:90px;"&gt;
			&lt;el-tab-pane label="体重" name="weight"&gt; &lt;/el-tab-pane&gt;
	.]]></description><category></category></item><item><title><![CDATA[vue 全屏按钮切换]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/124826441</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/124826441</guid><author>qq_49732089</author><pubDate>Tue, 17 May 2022 17:44:20 +0800</pubDate><description><![CDATA[&lt;!-- 全屏按钮 --&gt;
    &lt;!-- &lt;img class="box" v-if="!showFullScreen" src="../assets/img/full.png" @click="showFullScreenFun" style="position: absolute;top: 0.4rem;right: 0.9rem;"/&gt; --&gt;
    &lt;img class="box" v-if="!showFullScreen" src="../ass.]]></description><category></category></item><item><title><![CDATA[echarts图表]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123357193</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123357193</guid><author>qq_49732089</author><pubDate>Tue, 08 Mar 2022 16:35:05 +0800</pubDate><description><![CDATA[&lt;div id="targetPic"&gt;&lt;/div&gt;

// 目标用户群环形图
      getTargetCus(){
          let option;

          option = {
            series:[
              {
                name:'',
                type:'pie',
                radius:['70%','100%'], //饼图的半径 .]]></description><category></category></item><item><title><![CDATA[echarts条形图]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123356974</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123356974</guid><author>qq_49732089</author><pubDate>Tue, 08 Mar 2022 16:29:39 +0800</pubDate><description><![CDATA[&lt;div id="sexColumnPic" v-show="isShowSexPic === 2" style="height:313px;"&gt;&lt;/div&gt;

// 性别条形图
      getSexColumnPic(){
        let option;

          option = {
            yAxis:{
              type:'category',
              data:this.columnOptio.]]></description><category></category></item><item><title><![CDATA[echarts柱状图]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123356757</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123356757</guid><author>qq_49732089</author><pubDate>Tue, 08 Mar 2022 16:25:28 +0800</pubDate><description><![CDATA[&lt;div id="levelColumnPic" v-show="isShowLevelPic === 2" style="height:313px;"&gt;&lt;/div&gt;

// 客户等级柱状图
      getLevelColumnPic(){
        let option;

          option = {
            xAxis:{
              type:'category',
              data:this.col.]]></description><category></category></item><item><title><![CDATA[echarts 环形图]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123356535</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123356535</guid><author>qq_49732089</author><pubDate>Tue, 08 Mar 2022 16:19:31 +0800</pubDate><description><![CDATA[&lt;div id="sexRoundPic" v-show="isShowSexPic === 1"&gt;&lt;/div&gt;
&lt;hc-button class="btnColor" plain="true" icon="operator-0308-download-0408" size="small" @click="downloadSexPic"&gt;下载图片&lt;/hc-button&gt;

methods方法中isShowSexPic是图表切换，如果项目中不需要可以不写，这个.]]></description><category></category></item><item><title><![CDATA[tab 栏切换]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123346774</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123346774</guid><author>qq_49732089</author><pubDate>Tue, 08 Mar 2022 10:15:43 +0800</pubDate><description><![CDATA[&lt;div class="btnBox" style="padding: 10px 0 10px 0;box-sizing: border-box;"&gt;
                &lt;span class="yangshibutton" :class="{'slectcolor':flagClick=='服务量'}" @click="handleClick('服务量')"&gt;服务量&lt;/span&gt;
                &lt;span class="yangs.]]></description><category></category></item><item><title><![CDATA[el-radio单选]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123126338</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123126338</guid><author>qq_49732089</author><pubDate>Fri, 25 Feb 2022 09:51:45 +0800</pubDate><description><![CDATA[&lt;hc-radio v-model="scope.row.increaseFlag" :label="true" :disabled="diableEdite" style="line-height: 32px;" @click.native.prevent="changeForwardRadio(true,scope.row,scope.$index
                  )"&gt;显示长箭头&lt;/hc-radio&gt;

data中写
increaseFlag:false,.]]></description><category></category></item><item><title><![CDATA[el-table合并单元格-行合并]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123088617</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123088617</guid><author>qq_49732089</author><pubDate>Wed, 23 Feb 2022 14:05:48 +0800</pubDate><description><![CDATA[合并单元格，如果id列值一致，则合并
原理
1、getSpanArr(data)方法 data就是我们从后台拿到的数据，通常是一个数组；
2、spanArr是一个空的数组，用于存放每一行记录的合并数；
3、 pos是spanArr的索引。
如果是第一条记录（索引为0），向数组中加入１，并设置索引位置；
如果不是第一条记录，则判断它与前一条记录是否相等，
如果相等，则向spanArr中添入元素0，并将前一位元素＋１，表示合并行数＋１，
以此往复，得到所有行的合并数，0即表示该行不显示
&lt;template]]></description><category></category></item><item><title><![CDATA[vue中this.$set的用法]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123088557</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123088557</guid><author>qq_49732089</author><pubDate>Wed, 23 Feb 2022 14:00:08 +0800</pubDate><description><![CDATA[https://www.jianshu.com/p/6f28f5abee08

]]></description><category></category></item><item><title><![CDATA[vue 下载或导出文件]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123088414</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123088414</guid><author>qq_49732089</author><pubDate>Wed, 23 Feb 2022 13:55:21 +0800</pubDate><description><![CDATA[html里写一个按钮组件
&lt;hc-button type="default" text="导出" style="color: #229399;" icon="hc-icon-downLoad" size="small" @click="exportButton" v-preventReClick&gt;导出&lt;/hc-button&gt;

methods方法里
// 导出按钮
			exportButton(){
				let param = {
					"articleType": thi]]></description><category></category></item><item><title><![CDATA[vue 动态按钮设置权限，是否显示和可被操作]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123067202</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123067202</guid><author>qq_49732089</author><pubDate>Tue, 22 Feb 2022 14:19:47 +0800</pubDate><description><![CDATA[//按钮名称
&lt;hc-button size="small" type="primary" v-if="ifOperate1()" @click="btnFun(btnitem.resID)" :disabled="isDisabled(btnitem.resID)"&gt;{{btnitem.resName}}&lt;/hc-button&gt;

//按钮是否显示可被操作
			ifOperate1(item) {
				if (JSON.stringify(this.obj.operateOA]]></description><category></category></item><item><title><![CDATA[VUE date类型时间转换成正常时间日期]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123063066</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123063066</guid><author>qq_49732089</author><pubDate>Tue, 22 Feb 2022 10:43:14 +0800</pubDate><description><![CDATA[转换日期格式设置过滤器
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]]></description><category></category></item><item><title><![CDATA[vue页面接口数据不更新问题，重复调接口]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123061651</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123061651</guid><author>qq_49732089</author><pubDate>Tue, 22 Feb 2022 10:09:43 +0800</pubDate><description><![CDATA[例如做一个上传图片按钮，上传图片到详情页的表格，但是如果不强制刷新页面的话，表格里的内容就不更新，那么我们就需要去再调一遍接口，如果组件较多的情况下我们可以用以下方法

表格里的信息是从详情查询接口获取的

父组件定义刷新依赖 在appointment_detail .vue文件夹定义(当前接口所在的文件夹)

子组件uploadimageshow.vue中注入刷新依赖并引入


methods方法里使用刷新方法


...]]></description><category></category></item><item><title><![CDATA[sessionStorage用法]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123061371</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123061371</guid><author>qq_49732089</author><pubDate>Tue, 22 Feb 2022 09:43:41 +0800</pubDate><description><![CDATA[sessionstorage怎么传对象
通过JSON.stringify()将对象转换为文本格式;读取时,通过JSON.parse()将文本转换回对象。
例如
let currentOrg = JSON.parse(sessionStorage.getItem('currentOrg'));//currentOrg为session里的名称


]]></description><category></category></item><item><title><![CDATA[vue前端按钮防止重复点击]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/123061134</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/123061134</guid><author>qq_49732089</author><pubDate>Tue, 22 Feb 2022 09:38:20 +0800</pubDate><description><![CDATA[新建一个preventReClick.js文件
import Vue from 'vue'
const preventReClick = Vue.directive('preventReClick', {
    // 防止按钮重复点击
    inserted: function (el, binding) {
        el.addEventListener('click', () =&gt; {
            if (!el.disabled) {
                el]]></description><category></category></item><item><title><![CDATA[vue 创建项目]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/122957713</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/122957713</guid><author>qq_49732089</author><pubDate>Wed, 16 Feb 2022 10:15:13 +0800</pubDate><description><![CDATA[# 一、项目初始化

## 使用 Vue CLI 创建项目

&gt; 注意：不要使用 Git Bash 执行项目创建操作，使用  cmd 或者 powershell 之类的工具。

&gt; 如果你还没有安装 VueCLI，或者版本低于 4，请执行下面的命令安装或是升级：
&gt;
&gt; ```shell
&gt; npm install --global @vue/cli
&gt; ```

在命令行中输入以下命令创建 Vue 项目：

```shell
vue create toutiao-pub]]></description><category></category></item><item><title><![CDATA[vue 多选缩略图]]></title><link>https://blog.youkuaiyun.com/qq_49732089/article/details/122956357</link><guid>https://blog.youkuaiyun.com/qq_49732089/article/details/122956357</guid><author>qq_49732089</author><pubDate>Wed, 16 Feb 2022 09:37:15 +0800</pubDate><description><![CDATA[&lt;hc-dialog 
            title="选择图片" 
            :visible.sync="selectImgFlag" 
            width="520px" top="10vh" 
            class="dialog-picker selectImageDialog" 
            :close-on-click-modal="false" 
            :append-to-body= "true"
 .]]></description><category></category></item></channel></rss>