<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[pacholy的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/pacholy</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; pacholy]]></copyright><item><title><![CDATA[G2图表使用踩坑]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/150610411</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/150610411</guid><author>pacholy</author><pubDate>Sat, 23 Aug 2025 12:40:35 +0800</pubDate><description><![CDATA[通常tooltip展示的都是key和value值，即横坐标与纵坐标对应的值，如果需要额外展示其他字段，则需要自定义写数据结构:在原有数据结构中，加入一个数组，如下proList数组，tooltip的数据展示则可以遍历该数组（如果多嵌套一层对象的话，tooltip那边拿不到值，比如{proObj：{name:‘其他1’}}）拿不到proObj.name,只能直接拿到第一层)data=[key:'label名称',proList:[name:'其他1',value: 20},]]></description><category></category></item><item><title><![CDATA[vue中使用monaco-editor(代码编辑器)]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/134394191</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/134394191</guid><author>pacholy</author><pubDate>Tue, 14 Nov 2023 11:26:58 +0800</pubDate><description><![CDATA[借助monaco-editor-webpack-plugin插件，它会帮我们做这么⼏件事。修改vue.config.ts。2、webpack项目配置。]]></description><category></category></item><item><title><![CDATA[Antd vue 中如何禁止a-tree-select选中父级]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/130943989</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/130943989</guid><author>pacholy</author><pubDate>Tue, 30 May 2023 11:03:54 +0800</pubDate><description><![CDATA[只需要给数据加一个属性。]]></description><category></category></item><item><title><![CDATA[js中数组push对象，前面的值总是被最后一次的值覆盖的问题]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/130892278</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/130892278</guid><author>pacholy</author><pubDate>Fri, 26 May 2023 18:27:51 +0800</pubDate><description><![CDATA[可能是因为在push对象时，每次都是将同一个对象的引用添加到数组中，而不是不同的对象。这意味着每次修改这个对象时，数组中的所有引用都会反映这个更改。要解决这个问题，可以在每次push对象时，创建一个新的对象，而不是只是引用同一个对象。这将确保每个对象都是独立的，而不会被其他对象的更改所影响。]]></description><category></category></item><item><title><![CDATA[Antd vue 弹出框（Select, Tooltip, Menu 等等）渲染父节点]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/129159341</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/129159341</guid><author>pacholy</author><pubDate>Wed, 22 Feb 2023 11:36:35 +0800</pubDate><description><![CDATA[问题：由于table设置了超出隐藏，导致弹窗展示不全或无法展示。需求：在table表格的表头，hover上去展示弹出。（getPopupContainer属性）]]></description><category></category></item><item><title><![CDATA[Vue3 父组件调用子组件方法/获取修改值（$refs 在setup()、＜script setup＞ 中使用）]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/128660755</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/128660755</guid><author>pacholy</author><pubDate>Thu, 12 Jan 2023 15:43:13 +0800</pubDate><description><![CDATA[【代码】Vue3 父组件调用子组件方法/获取修改值（$refs 在setup()、 中使用）]]></description><category></category></item><item><title><![CDATA[vue点击区域外，隐藏当前展示区域部分]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/126273335</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/126273335</guid><author>pacholy</author><pubDate>Wed, 10 Aug 2022 20:02:18 +0800</pubDate><description><![CDATA[点击按钮，展示出来一个区域块，点击区域块内，区域块不隐藏，点击区域块以外的地方，就会隐藏。]]></description><category></category></item><item><title><![CDATA[uni-app 小程序获取dom信息]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/125395285</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/125395285</guid><author>pacholy</author><pubDate>Tue, 21 Jun 2022 17:30:10 +0800</pubDate><description><![CDATA[uniapp]]></description><category></category></item><item><title><![CDATA[vue防抖实现]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/125319033</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/125319033</guid><author>pacholy</author><pubDate>Thu, 16 Jun 2022 16:48:46 +0800</pubDate><description><![CDATA[防抖]]></description><category></category></item><item><title><![CDATA[JS处理数据常用方法]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/124889617</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/124889617</guid><author>pacholy</author><pubDate>Fri, 20 May 2022 20:00:19 +0800</pubDate><description><![CDATA[js将大数字单位转化成 千、万、千万、亿

function transform(value: number) {
    let newValue = ['', '', ''];
    let fr = 1000;
    const ad = 1;
    let num = 3;
    const fm = 1;
    while (value / fr &gt;= 1) {
      fr *= 10;
      num += 1;
      console.log('数字', val.]]></description><category></category></item><item><title><![CDATA[vue监听数组对象]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/122497738</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/122497738</guid><author>pacholy</author><pubDate>Fri, 14 Jan 2022 16:43:46 +0800</pubDate><description><![CDATA[1、要用computed
2、watch要写在computed后面，不然监听不到
3、要加deep:true

const tag_list = ref([]); // 这是个数组对象
const tagList = computed(()=&gt;{ JSON.parse(JSON.stringify(tag_list.value)) })
watch(tagList,(newList)=&gt;{
   console.log('qqqqqqq')
}, {deep: true })


...]]></description><category></category></item><item><title><![CDATA[多个请求时，想要请求异步执行，并且全部请求执行完再执行后面的代码 promise all]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/121929163</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/121929163</guid><author>pacholy</author><pubDate>Tue, 14 Dec 2021 15:53:49 +0800</pubDate><description><![CDATA[let res = new Promise((resolve,reject)=&gt;{
                axios.put(orginUrl, fileInfo.file, {
                    headers: {
                        'Content-Type': 'multipart/form-data',
                        Authorization: authorization,
          ]]></description><category></category></item><item><title><![CDATA[vue input框获取焦点选中文字]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/121559752</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/121559752</guid><author>pacholy</author><pubDate>Fri, 26 Nov 2021 14:47:29 +0800</pubDate><description><![CDATA[以 antd vue 为例

主要就是这句代码： proxy.$refs.input.select();
其实就是调用select()方法

&lt;template&gt;
	&lt;a-input ref="input" v-model:value="newFileName" /&gt;
	&lt;div class="add_file" @click="addNewFileFun"&gt;新建文件夹&lt;/div&gt;
&lt;/template&gt;
&lt;script&gt;
	impo.]]></description><category></category></item><item><title><![CDATA[vue3 使用watch监听数组问题]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/120304004</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/120304004</guid><author>pacholy</author><pubDate>Wed, 15 Sep 2021 10:52:20 +0800</pubDate><description><![CDATA[最近使用vue3.0的watch监听数据时发现一些问题：
监听数组时，用splice这种改变数组是正常的，但是如果数组直接置空，则监听失效
const array = ref([1,2,3]);
const changeArr = ()=&gt;{
	array.value = [];
}
watch(array.value,(now,old)=&gt;{
   console.log(now,old); // 触发changeArr的时候，监听不到
})

解决方案：
watch(() =&gt; [ar]]></description><category></category></item><item><title><![CDATA[echarts绘制图表，切换页面后返回，无刷新数据图表不显示问题]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/119427265</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/119427265</guid><author>pacholy</author><pubDate>Thu, 05 Aug 2021 21:06:19 +0800</pubDate><description><![CDATA[使用echarts图表时，会出现首次加载不出来，或者切换页面后，需要强刷新才能出来的问题；这个bug我在本地没有，发布线上才有，所以找到了以下解决方案：

在初始化init之前，使用下方代码即可

document.getElementById("myChart1").removeAttribute('_echarts_instance_');


...]]></description><category></category></item><item><title><![CDATA[移动端js设置rem]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/116749354</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/116749354</guid><author>pacholy</author><pubDate>Thu, 13 May 2021 14:35:11 +0800</pubDate><description><![CDATA[750屏幕下：1rem = 20px

var fun = function (doc, win) {
    var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
            var clientWidth = docEl.clientWidth;
  .]]></description><category></category></item><item><title><![CDATA[Antd vue table超出隐藏显示省略号]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/116134615</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/116134615</guid><author>pacholy</author><pubDate>Sun, 25 Apr 2021 17:51:19 +0800</pubDate><description><![CDATA[Column里面有个属性ellipsis可以设置超出隐藏，不过很不好用，并不会显示省略号，所以用下面的方法：
1.
columns:[
  {
     title: '标题',
     dataIndex: 'name',
     width:'20%',
     key: 100,
     slots: { customRender: 'name' },
  },
]

2.

一定要有
.ant-table table{
table-layout: fixed;
}        这一步

&]]></description><category></category></item><item><title><![CDATA[g2的repaint()方法报错]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/116028331</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/116028331</guid><author>pacholy</author><pubDate>Thu, 22 Apr 2021 19:29:15 +0800</pubDate><description><![CDATA[chart.repaint()这个方法被废弃了，要换成chart.render(true);

]]></description><category></category></item><item><title><![CDATA[Antd vue 修改主题色]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/115869261</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/115869261</guid><author>pacholy</author><pubDate>Mon, 19 Apr 2021 17:15:52 +0800</pubDate><description><![CDATA[具体参考Antd vue 官网

1.vue.config.js
 css: {
        loaderOptions: {
            less: {
                modifyVars: {
                //在此处设置，也可以设置直角、边框色、字体大小等
                   'primary-color': '#7c6dc5',
                },
                javascriptEnabl.]]></description><category></category></item><item><title><![CDATA[Antd vue 树形结构 tree组件的增删功能]]></title><link>https://blog.youkuaiyun.com/pacholy/article/details/115252209</link><guid>https://blog.youkuaiyun.com/pacholy/article/details/115252209</guid><author>pacholy</author><pubDate>Fri, 26 Mar 2021 18:05:36 +0800</pubDate><description><![CDATA[效果展示：

思路：

右边的button用插槽的方式添加

&lt;template&gt;
    &lt;div class="m-page"&gt;
        &lt;div class="content"&gt;
            &lt;div class="menu-data"&gt;
                &lt;div class="header"&gt;
                    &lt;span class="name"&gt;菜单配置&lt;/sp]]></description><category></category></item></channel></rss>