<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[lbchenxy的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/lbchenxy</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; lbchenxy]]></copyright><item><title><![CDATA[antdvue 日期组件出现了中英文混合如何修改]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/148630240</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/148630240</guid><author>lbchenxy</author><pubDate>Fri, 13 Jun 2025 12:51:10 +0800</pubDate><description><![CDATA[【代码】antdvue 日期组件出现了中英文混合如何修改。]]></description><category></category></item><item><title><![CDATA[antd vue a-range-picker如何设置不能选择当前和之后的时间，包含时分秒]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/148630060</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/148630060</guid><author>lbchenxy</author><pubDate>Fri, 13 Jun 2025 12:43:20 +0800</pubDate><description><![CDATA[【代码】antd vue a-range-picker如何设置不能选择当前和之后的时间，包含时分秒。]]></description><category></category></item><item><title><![CDATA[form表达多层嵌套校验validator传参]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/131835170</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/131835170</guid><author>lbchenxy</author><pubDate>Thu, 20 Jul 2023 17:08:38 +0800</pubDate><description><![CDATA[【代码】form表达多层嵌套校验validator传参。]]></description><category></category></item><item><title><![CDATA[antdv vue3 防止input 自动填充 password]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/129841772</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/129841772</guid><author>lbchenxy</author><pubDate>Wed, 29 Mar 2023 17:44:13 +0800</pubDate><description><![CDATA[【代码】antdv  vue3 防止input 自动填充 password。]]></description><category></category></item><item><title><![CDATA[vue+echarts封装组件]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/121850631</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/121850631</guid><author>lbchenxy</author><pubDate>Fri, 10 Dec 2021 17:30:00 +0800</pubDate><description><![CDATA[本人可能写的 不好，如有缺点希望指出，一起进步，所有组件类似写法。
/** 圆环图形 */
&lt;template&gt;
  &lt;div
    class="annulusContainer"
    ref="annulusContainer"
    :optionsData="optionsData"
    :grid="grid"
  &gt;&lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
import {
  defineComponent]]></description><category></category></item><item><title><![CDATA[vue3+echarts绘制横向柱形进度图]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/121795773</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/121795773</guid><author>lbchenxy</author><pubDate>Fri, 10 Dec 2021 17:30:00 +0800</pubDate><description><![CDATA[样式入上图，这个真是费劲啊（可能由于本人较菜），图片已经转成svg，如果有本地的图片可按照注释方式去引入
option = {
  // backgroundColor: 'transparent',
  grid: {
    left: '0%',
    top: '0%',
    right: '85',
    bottom: '0%',
    containLabel: true
  },
  xAxis: [
    {
      show: false
    }
  ],
  yA.]]></description><category></category></item><item><title><![CDATA[vue3+echarts 绘制扇形进度图]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/121794651</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/121794651</guid><author>lbchenxy</author><pubDate>Thu, 09 Dec 2021 17:30:00 +0800</pubDate><description><![CDATA[实现样式为：

是不是还可以。反正我自己认为so beautiful（沾沾自喜）
这个实现起来就有点费劲了。
代码
option = {
  series: [
    {
      name: 'Indicator',
      type: 'gauge',
      startAngle: 200,//扇形开始的角度
      endAngle: -20,//扇形结束的角度
      detail: {
        formatter: '{a|{value}}{b|%}',

     ]]></description><category></category></item><item><title><![CDATA[vue3+echarts 绘制3d圆柱形图]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/121794043</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/121794043</guid><author>lbchenxy</author><pubDate>Wed, 08 Dec 2021 16:25:33 +0800</pubDate><description><![CDATA[今天得到了这样一个需求，用echarts绘制一个圆柱形图，如下图

经过度娘指导发现了一遍类似博客
剩下的就不难了，按照这个思路去修改实现就可以了，废话少说上代码
option = {
  grid: {
    left: '0',
    top: '15',
    right: '0',
    bottom: '10',
    containLabel: true
  },
  animation: false,
  xAxis: {
    data: ['服务数', '运行Pod数', '运]]></description><category></category></item><item><title><![CDATA[antd vue table中使用select时候修改第一条，更新后原位置值变成了刚才选中的值]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/121146810</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/121146810</guid><author>lbchenxy</author><pubDate>Thu, 04 Nov 2021 17:19:11 +0800</pubDate><description><![CDATA[antd vue table 中使用了customRender,修改第一个值为3之后，更新也页面，这条数据去了最后一条，但是轮播图2的排序值也变成了3，我查了一下数据确实是2，到底是什么原因导致了轮播图2的排序值变成了3而不是2呢，vue不是已经解决了这个问题么，为什么还是导致了这个情况的出现？

答案：这里边vue根据key值对比数据是否变化更新试图，当你的select没有key的时候，他使用的是这个数据的key值，当你修改之后，他对比发现key值并没有发生变化，所以他不会去更新试图，知道了问题出现的位置]]></description><category></category></item><item><title><![CDATA[vue3+router4 keepalive缓存页面]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/119827948</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/119827948</guid><author>lbchenxy</author><pubDate>Fri, 20 Aug 2021 17:28:55 +0800</pubDate><description><![CDATA[需求
在列表页面上点击查看详情，跳转到一个新的页面，然后返回的时候想返回到跳转时候的页面。
实现思路
1.vuex中存在一个保存需要缓存的页面name值，当页面跳转j进来的时候执行beforeRouteEnter中往vuex中存储这个值，当页面离开的时候也就是beforeRouteLeave中判断你进入的页面是不是详情页，如果是则保留vuex中的值，如果不是则清空值。
2.还存在一种情况就是，我从列表页跳到了详情页，此时vuex中存在了这个值，但是我从详情页去另一个页面而没有回到列表页，这个时候我们就需要去]]></description><category></category></item><item><title><![CDATA[vue3 keepalive 不生效问题]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/119827652</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/119827652</guid><author>lbchenxy</author><pubDate>Fri, 20 Aug 2021 17:05:55 +0800</pubDate><description><![CDATA[vue3+router4
写法跟vue2的keep有所不同，vue2我就不说了，百度搜索一搜一大堆，
&lt;router-view v-slot="{ Component }"&gt;
  &lt;keep-alive&gt;
    &lt;component :is="Component" /&gt;
  &lt;/keep-alive&gt;
&lt;/router-view&gt;

如果这样写还是没有生效你就需要看一下，你的代码是不是这样的结构了（多层router-view嵌套），如果多层嵌套这]]></description><category></category></item><item><title><![CDATA[antd vue Menu 缩放成三个点问题]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/119825739</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/119825739</guid><author>lbchenxy</author><pubDate>Fri, 20 Aug 2021 16:00:34 +0800</pubDate><description><![CDATA[先说一下，我也没有结局，不知道哪里的机制会触发这个。当我使用v-if就会出现这个问题，然后我尝试了v-show可以结局这个问题，但是v-show=false的时候并不是隐藏，建议自己使用Dropdown组件替代一下。antd vue Version2.2.8

...]]></description><category></category></item><item><title><![CDATA[ckeditor4去掉超链接]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/119825373</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/119825373</guid><author>lbchenxy</author><pubDate>Fri, 20 Aug 2021 15:52:03 +0800</pubDate><description><![CDATA[ckeditor4去掉超链接完美结局，已使用
完美结局，已使用


]]></description><category></category></item><item><title><![CDATA[vue3+qiankun框架初体验]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/119383262</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/119383262</guid><author>lbchenxy</author><pubDate>Wed, 04 Aug 2021 15:13:44 +0800</pubDate><description><![CDATA[项目框架基座和子项目都为vue3
qiankun官网
首先我们需要了解什么是微前端，他是做什么的。
1.什么是微前端
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。简单来说就是就是可以把多个不同框架的项目部署在不同环境，但又可以在一个项目中访问。
2.他是做什么的
他可以将不同框架的多个项目组成统一项目，而组成项目的子项目又可以单独部署单独访问。可以说他们的关系是互相关联而又互不关联。
说明：由于项目还并没有进行上线测试，此代码还不能保证上线没有问题，如有问题]]></description><category></category></item><item><title><![CDATA[vue3+antd table加一列自增序号（前端实现）]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/117280157</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/117280157</guid><author>lbchenxy</author><pubDate>Wed, 26 May 2021 09:39:14 +0800</pubDate><description><![CDATA[首先我们这篇文章是基于我上边一篇文章增加的新的支持。传送车。
当然如果你没有做成组件，直接使用下边也是可以的。
需求（表单数据增加一列自增排序的序号列）
实现方法：
应用api 传送车

const columns = [
//首先我们需要添加这个支持 num为你自己定义的slot名称，可以定义成任意名称，如果不需要自增序号，需要把这个去掉即可
      {
        title: "序号",
        slots: { customRender: "num" },
      },
    ]]></description><category></category></item><item><title><![CDATA[vue3+echarts 多点发射]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/117224311</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/117224311</guid><author>lbchenxy</author><pubDate>Mon, 24 May 2021 15:26:23 +0800</pubDate><description><![CDATA[本文章借鉴改文章，传送车。本文章只为了记录。勿喷，感谢。
文章成功展示

首先我们需要引入echarts，现在echarts应该已经到5了，我们开发的时候建议看v5的版本
npm install echarts --save 或者
cnpm install echarts --save

现在echarts不给提供地图了，所以需要我们自己去寻找地图json。穿梭车里边包含2个json，一个是去掉了南海诸岛，一个是保留的，加上上边的代码可以完整实现。（但是如果你想去掉南海诸岛，还需要在代码中加入）
穿梭车
r]]></description><category></category></item><item><title><![CDATA[vue3+echarts地图自定义图片]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/117064004</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/117064004</guid><author>lbchenxy</author><pubDate>Thu, 20 May 2021 10:09:06 +0800</pubDate><description><![CDATA[最近搞echarts搞的要起飞了。
上边文章已经说了基本地图的功能实现，下边开始自定义图片,样式如下

我们需要对已经存在的资源池进行地区的显示。百度了之后发现代码都没实现成功，应该是我的写法，或者我没抄对吧。还是看看文档自己思考吧。
官网介绍传送门
完整代码
需要给myMap增加固定的高和宽
&lt;div id="myMap" ref="myMap" class="border"&gt;&lt;/div&gt;
&lt;script&gt;
import {
  defineComponent,
  r]]></description><category></category></item><item><title><![CDATA[vue3.0+echarts去掉地图鼠标移出地图变色问题]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/117028896</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/117028896</guid><author>lbchenxy</author><pubDate>Wed, 19 May 2021 14:41:02 +0800</pubDate><description><![CDATA[问题复现
由于有的不需要这部分内容。

解决办法js绘制之后添加方法去掉这个事件。
//鼠标移入地图不变黄色
      chart.value.on("mouseover", function() {
        chart.value.dispatchAction({
          type: "downplay",
        });
      });

如果代码不理解可以查看本博客传送车,页面拖到最底下。

...]]></description><category></category></item><item><title><![CDATA[vue3+echarts绘制中国地图]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/117027094</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/117027094</guid><author>lbchenxy</author><pubDate>Wed, 19 May 2021 14:33:55 +0800</pubDate><description><![CDATA[最近接到一个需求是做一个中国地图 样式大概是这样的

这里我们能看到明显的去除了南海群岛。百度查阅相关资料都是说要这样，这个方法的大概意思就是：在地图中对特定的区域配置样式。穿梭车
regions: [
          {
            name: "南海诸岛",
            value: 0,
            itemStyle: {
              normal: {
                opacity: 0,
                l]]></description><category></category></item><item><title><![CDATA[elementUI table组件]]></title><link>https://blog.youkuaiyun.com/lbchenxy/article/details/116706404</link><guid>https://blog.youkuaiyun.com/lbchenxy/article/details/116706404</guid><author>lbchenxy</author><pubDate>Wed, 12 May 2021 14:31:00 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;div class="w-data-table" v-loading="tableLoading"&gt;
    &lt;div class="dt-search" v-if="$slots.search"&gt;
      &lt;el-form
        ref="searchform"
        size="mini"
        class="dt-search-form-inline"
        :inline="true"
]]></description><category></category></item></channel></rss>