<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_41007321的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_41007321</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_41007321]]></copyright><item><title><![CDATA[uniapp 踩过的坑]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/115913893</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/115913893</guid><author>qq_41007321</author><pubDate>Tue, 20 Apr 2021 17:33:25 +0800</pubDate><description><![CDATA[uniApp挖坑指南：
1.
一切涉及到要获取Dom进行操作的方法都不能快设备跨端编译，微信端与app都不能获取到document window 等等。
2.
先结论：不要尝试修改默认组件的css样式。例如：scroll-view，swiper等等，使用less或者是scss，必定尝试着“deep”或“&gt;&gt;&gt;” 进行深度查找来修改样式，但是仅仅只会在h5端进行生效，编译到微信端，并未生效（原因：编译过后的dom节点与h5编译过后的节点不一致，节点上的class，子级节点数量都可能不一致）
]]></description><category></category></item><item><title><![CDATA[**解决google浏览器  密码回填样式**]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/112762844</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/112762844</guid><author>qq_41007321</author><pubDate>Mon, 18 Jan 2021 10:13:01 +0800</pubDate><description><![CDATA[解决方案是：将浏览器自带的样式填充，或者覆盖（css）；
综合之前网上的各种方法，得出以下结果：以应对不同的情况吗，请全盘复制；
 &amp;:-webkit-autofill,
          textarea:-webkit-autofill,
          select:-webkit-autofill{
            -webkit-text-fill-color: #62dfc2 !important;//自动填入文字的颜色
            box-shadow: 0 ]]></description><category></category></item><item><title><![CDATA[Vue +原生固定table表头，body上下滚动，内容对应与横向滚动条]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/107084306</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/107084306</guid><author>qq_41007321</author><pubDate>Thu, 02 Jul 2020 14:56:22 +0800</pubDate><description><![CDATA[描述：
根据返回数据动态渲染table数据，表头数量不确定（属性不确定或者说是多少列不确定）,这样的话就排除了手动设置列宽的做法，每列平均分也并不可取（有点丑）;然后将body数据设置动态高度，超出设置为滚动条。其实table的x轴也可以设置成超出滚动条，这样的话，就自定义了个表头固定，表体滚动显示，这个table x轴超出滚动。
解决思路
1、采用两个table列表，他们的数据一模一样，以保证他们的高、宽、内容全部都完全一致；
2、table2采用定位的方法与table1两个列表完全重合（table2必须]]></description><category></category></item><item><title><![CDATA[vue el-menu菜单递归循环创建]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/106792970</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/106792970</guid><author>qq_41007321</author><pubDate>Tue, 16 Jun 2020 18:37:16 +0800</pubDate><description><![CDATA[说明：
根据返回的数据动态循环渲染菜单，是否具有子级目录递归创建所有目录并具有复用性，动态绑定相关属性；
解决步骤：
1、使用element组件（具体步骤不在赘述）
2、先创建公共组件
（1）在第一级菜单循环过程中，如判断出当前菜单存在着子级菜单，渲染出当前菜单，并将当前菜单的子级属性（例如：child：[数组]），利用子组件传参的方式，传给我们现在正在封装的组件（俗称：无限套娃）。
注意：
组件必须要添加name属性，名称与注册时命名一致；
完整代码：
（1）封装的子组件
&lt;template&gt;]]></description><category></category></item><item><title><![CDATA[vue-particles （多彩）粒子插件动画  使用教程]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/106493387</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/106493387</guid><author>qq_41007321</author><pubDate>Tue, 02 Jun 2020 12:12:53 +0800</pubDate><description><![CDATA[描述：
vue框架使用vue-particles 粒子特效插件,制作粒子动画背景，可以与用户进行交互，具有可控制数量，大小随机，有连线（可取消）等等。效果如下图（官网）：

步骤
1.安装：
Yarn add vue-particles -s

2.引入
import VueParticles from 'vue-particles'  
Vue.use(VueParticles)

3.使用
方法一：
直接以标签的形式使用：

注意，由于底层采用的id标识具有唯一性，多次引用绝对会出错，只能引用一次，这个]]></description><category></category></item><item><title><![CDATA[echarts 可能是水球图最完整的属性注解  高度定制化 加入定时刷新动态数据]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/106469883</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/106469883</guid><author>qq_41007321</author><pubDate>Mon, 01 Jun 2020 12:23:28 +0800</pubDate><description><![CDATA[本水球图注释结合项目，对水球图的深度定制化，有较深度定制化；牵涉到的属性较多，加入定时刷新动态数据；
步骤：
1.yarn add echarts  -s
2. yarn add echarts-liquidfill -s
注意：
定时器是异步加载的，所以如下写法：
this.time0001=setInterval(async()=&gt;{
      this.time0001_out2= await setTimeout(async()=&gt;{
       await this.fun();
]]></description><category></category></item><item><title><![CDATA[项目搭建  请求接口封装和全局超时处理]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/106469822</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/106469822</guid><author>qq_41007321</author><pubDate>Mon, 01 Jun 2020 12:03:36 +0800</pubDate><description><![CDATA[//1.引入相关依赖
import axios from "axios";
import { Toast } from 'vant';
import Vue from 'vue'

// 2.配置服务器地址 超时时间
const $http = axios.create({
    // 公共的请求地址配置在这里
    baseURL: Vue.prototype.IP, // 公司接口地址
    // 请求超时时间（单位ms）
    timeout: 5000
})
//3.配置请求拦截器 
axi]]></description><category></category></item><item><title><![CDATA[vue 配置全局路由守卫]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/106469700</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/106469700</guid><author>qq_41007321</author><pubDate>Mon, 01 Jun 2020 11:57:49 +0800</pubDate><description><![CDATA[描述：
在使用next( )函数进行跳转时，如果没有对to这个去路进行拦截判断（to表示将要跳转的地址），处在死循环状态，就会报“Maximum call stack size exceede”的爆栈的情况。
解决办法：
1.对那些需要进行拦截路由，进行标记判断，不需要拦截的路由进行放行实施放行。

2.对to：跳转的那个地址进行判断(否则死循环)
router.beforeEach((to, from, next) =&gt; {
 if (to.meta.auth) {//对to路由信息进行判断
  l]]></description><category></category></item><item><title><![CDATA[el-input-number  element计数器设置自定义小数位数]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/106468974</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/106468974</guid><author>qq_41007321</author><pubDate>Mon, 01 Jun 2020 11:23:26 +0800</pubDate><description><![CDATA[描述：用户在输入数值时，需要用到小数，制定加减按钮步长适宜，设置最大最小值。

实现步骤

1.使用el-input-number 标签



&lt;el-input-number v-model="dialogForm.size" :precision="2" :step="0.1" :min="0" :max="10"&gt;

&lt;/el-input-number&gt;




2. precision属性设置精准值（保留多少位小数），step设置步长（每次加减的基数），m...]]></description><category></category></item><item><title><![CDATA[el-select  element 可自定义输入的可搜索下拉框]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/106468639</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/106468639</guid><author>qq_41007321</author><pubDate>Mon, 01 Jun 2020 11:16:10 +0800</pubDate><description><![CDATA[描述: 用户可自定义输入要查询的文件格式，也可根据下拉列表选择文件格式，并且在用户输入的同时，具有搜索功能。

实现步骤：

1.使用element-ui组件的 el-select标签 并且配置上filterable 可搜索属性


&lt;el-select
     filterable
     clearable 
     placeholder="请选择文件格式"
     v-model="searchForm.fileExt"
     class="search-input"
     .]]></description><category></category></item><item><title><![CDATA[el-cascader element级联选择器（递归回显办法），单选与多选 全局封装]]></title><link>https://blog.youkuaiyun.com/qq_41007321/article/details/106468414</link><guid>https://blog.youkuaiyun.com/qq_41007321/article/details/106468414</guid><author>qq_41007321</author><pubDate>Mon, 01 Jun 2020 11:05:03 +0800</pubDate><description><![CDATA[el-cascader 级联选择器（回显办法）
描述：使用el-cascader 级联选择器，根据返回的子集id（最底层一级）进行回显。
目前只做了单选功能，多选的请自行解读，希望能给你一些启发。当人有人说过，其实可以不用递归的方法。我是没找到哪种方法。。。
以下指示个人的项目经验：（带详细的注解）
图例：

//回显部门
    get_OrganizationId(val) {//val 后台返回的id
      let arr = [];//定义一个空数组
      let oiptions = ]]></description><category></category></item></channel></rss>