<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[L_WalkingPig的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/L_WalkingPig</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; L_WalkingPig]]></copyright><item><title><![CDATA[ES6 新特性记录（部分）]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/115917404</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/115917404</guid><author>L_WalkingPig</author><pubDate>Tue, 20 Apr 2021 20:39:38 +0800</pubDate><description><![CDATA[1：for of循环 （解决了以往let in ，for循环只能获取数组index问题） 参考网址：https://www.cnblogs.com/mengfangui/p/9504291.html

例：

let a = [1,2,3,4,5];

for(let i of a){

  console.log(i); //结果为：1,2,3,4,5

  console.log(index); // //结果为 0,1,2,3,4

}



2:set数据结构 (去重) 参考网址...]]></description><category></category></item><item><title><![CDATA[Vue中获取当前日期和操作。]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109442300</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109442300</guid><author>L_WalkingPig</author><pubDate>Mon, 02 Nov 2020 09:22:12 +0800</pubDate><description><![CDATA[设置定时器实现时间每秒走动：



&lt;div class="dateAndSelect" &gt;
   &lt;p&gt;日期: {{yearMD}}&amp;nbsp;&amp;nbsp;{{Hms}}&lt;/p&gt;
&lt;/div&gt;

data() {
  return{
     yearMD:'',
     Hms:'',
     selectDate:'',
   }
},

mounted(){
  let that = this;
  //定时器
  setInte.]]></description><category></category></item><item><title><![CDATA[vue中不使用组件，实现翻牌器功能。]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109154549</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109154549</guid><author>L_WalkingPig</author><pubDate>Mon, 19 Oct 2020 09:45:47 +0800</pubDate><description><![CDATA[vue本身由组件：vue-count-to

使用和步骤：

1，安装：npm install vue-count-to

2，引入包：import countTo from 'vue-count-to'

3，使用：&lt;count-to :start-val="0" :end-val="81212" :duration="3000" :prefix="prefix" class="text-style"&gt;&lt;/count-to&gt;

以上没具体使用过~ 参考文档：https://w...]]></description><category></category></item><item><title><![CDATA[vue中数字转化为字符串，字符串转化为数组（split）]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109120938</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109120938</guid><author>L_WalkingPig</author><pubDate>Fri, 16 Oct 2020 17:32:35 +0800</pubDate><description><![CDATA[数字转化为字符串：参数末尾加 +' ' =&gt; var a =obj.countToadyTargetNum + '' 或者 val.toString();



字符串转化为数组：val.split(''); 如：var val = '1289' =&gt; val = ['1','2','8','9'];



引号里面可以写参数，比如split(' , ') ，这就是以 , 为界限切割成数组。



个人记录,仅供参考~
...]]></description><category></category></item><item><title><![CDATA[echarts设置柱状图柱体渐变色]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109095338</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109095338</guid><author>L_WalkingPig</author><pubDate>Thu, 15 Oct 2020 13:20:38 +0800</pubDate><description><![CDATA[series中配置：


series: [
    // type:'bar',
    {
       type: 'bar', 
       barWidth : 5,
       color:'#11b775',
       barGap:'200%',
       itemStyle:{
       normal: {
            barBorderRadius: [7,7,0,0],
            offset:0,
            //设置柱体渐变色
]]></description><category></category></item><item><title><![CDATA[echarts隐藏右上角保存按钮（堆叠图为例）]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109077284</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109077284</guid><author>L_WalkingPig</author><pubDate>Wed, 14 Oct 2020 16:29:05 +0800</pubDate><description><![CDATA[修改属性：


toolbox: {
   feature: {
      saveAsImage: {
         show:true,//控制保存按钮显示隐藏
      }
   }
},

官方文档：https://echarts.apache.org/zh/option.html#toolbox.feature.saveAsImage.show



个人纪录，仅供参考~~
...]]></description><category></category></item><item><title><![CDATA[echarts饼图显示百分比]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109054638</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/109054638</guid><author>L_WalkingPig</author><pubDate>Tue, 13 Oct 2020 16:29:06 +0800</pubDate><description><![CDATA[如图：




series : [{
                name: '类型',
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:valuearray,
                itemStyle: {
                    emphasis: {
             ]]></description><category></category></item><item><title><![CDATA[vue中去除elementui组件自带的样式]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108798374</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108798374</guid><author>L_WalkingPig</author><pubDate>Fri, 25 Sep 2020 15:54:48 +0800</pubDate><description><![CDATA[以el-card卡片组件为例：



总有个样式：padding:'20px'; 切样式来自于el-card__body的类名。

解决：在引用该组件的页面中重写即可


&lt;style lang="scss" scoped&gt;
  /deep/ .el-card__body{
    padding: 0px 0px 10px 10px;
  }
&lt;/style&gt;


...]]></description><category></category></item><item><title><![CDATA[vue+elementui的form表单校验重置，非必填字段重置失败]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108361559</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108361559</guid><author>L_WalkingPig</author><pubDate>Wed, 02 Sep 2020 14:29:00 +0800</pubDate><description><![CDATA[给form表单每个字段加上prop="xxx" ，如下图：


&lt;el-form-item label="入库备注：" :label-width="formLabelWidth" prop="wareHousingRemark"&gt;
    &lt;el-input v-model="wareHousingInForm.wareHousingRemark" autocomplete="off"&gt;&lt;/el-input&gt;
&lt;/el-form-item&gt;

表单校验部分待补]]></description><category></category></item><item><title><![CDATA[设置echarts柱状图柱体不同颜色]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108334818</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108334818</guid><author>L_WalkingPig</author><pubDate>Tue, 01 Sep 2020 10:10:45 +0800</pubDate><description><![CDATA[我的是在js中递归循环柱状图的配置数据（即option={}）后设置的每个柱体颜色（设置颜色模块写法是类似的）。

找到series:[]下的itemStyle:{}下的normal.color


if(h === 'itemStyle'){
    var barColorData = [];
    //params=每个柱体  须一次性设置所有柱体的颜色
    seriesData[h].normal.color = function(params) {
         //color为颜色数据]]></description><category></category></item><item><title><![CDATA[echarts柱状图X轴标签刻度显示不全]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108281481</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108281481</guid><author>L_WalkingPig</author><pubDate>Fri, 28 Aug 2020 16:12:28 +0800</pubDate><description><![CDATA[X轴显示不全：



在xAxis:{}的axisLabel:{}添加 interval: 0, 其他样式调整下即可~~




]]></description><category></category></item><item><title><![CDATA[vue中动态设置style样式和使用filters过滤器设置样式]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108219254</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108219254</guid><author>L_WalkingPig</author><pubDate>Tue, 25 Aug 2020 13:52:15 +0800</pubDate><description><![CDATA[例如：想给图片增加高度和透明度


&lt;el-image :class="classRotation"
      v-if="imageData.src !== undefined"
      :src="imageData.src"
      :style="imageStyle"&gt;
&lt;/el-image&gt;

//在data中声明 imageStyle
data(){
   return{
     imageData:{},
     imageStyle:{}, //样式.]]></description><category></category></item><item><title><![CDATA[SVN提交，提示“remains in conflict”错误]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108122380</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/108122380</guid><author>L_WalkingPig</author><pubDate>Thu, 20 Aug 2020 14:02:13 +0800</pubDate><description><![CDATA[转载自:

https://blog.youkuaiyun.com/tangxl2008008/article/details/78179377?utm_source=blogxgwz0

个人纪录~

感谢原博主~！
]]></description><category></category></item><item><title><![CDATA[Vue中遍历不规律的json对象（递归）]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107977874</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107977874</guid><author>L_WalkingPig</author><pubDate>Thu, 13 Aug 2020 13:50:33 +0800</pubDate><description><![CDATA[如果是一个数组包含对象且每个都对象内部固定包含child子数组，命名规范的话，使用for in就行了，去判断每一集下面还有没有child: [ ],

但是现在碰到不规则的json对象就很棘手，参数完全不确定，只能使用递归了，先贴代码：


watch:{
    colorData: {
      handler() {
        console.log("颜色变更========", this.componentList);
        function findColorText(obj)]]></description><category></category></item><item><title><![CDATA[Vue中动态渲染颜色样式（基于后端返回的已经选择的颜色展示）]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107959486</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107959486</guid><author>L_WalkingPig</author><pubDate>Wed, 12 Aug 2020 15:57:43 +0800</pubDate><description><![CDATA[&lt;el-form-item label="已选主题色"&gt;
   &lt;el-row :span="12" v-for="item in colorData"&gt;
      &lt;el-col :style="{'backgroundColor':item}"&gt;{{item}}&lt;/el-col&gt;
   &lt;/el-row&gt;
&lt;/el-form-item&gt;

colorData就是后端返回的已选择的颜色数据数组，循环后在样式中这样写：:style=.]]></description><category></category></item><item><title><![CDATA[Vue使用elementUi的el-image图片初始化加载失败！]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107858171</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107858171</guid><author>L_WalkingPig</author><pubDate>Fri, 07 Aug 2020 11:15:51 +0800</pubDate><description><![CDATA[问题如下图：



原因是el-image的 :src=" " 在初始化时，图片路径由接口返回还未加载数据导致的问题，且第一次渲染失败不会再异步刷新。

解决办法： 在el-image中加上 v-if="imageData.src !== undefined" 判断，不是后端返回的话直接 src 处路径写死。



仅供参考~ : D
...]]></description><category></category></item><item><title><![CDATA[elementUi中根据选中的数据，取消勾选表格行数据。]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107779467</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107779467</guid><author>L_WalkingPig</author><pubDate>Tue, 04 Aug 2020 09:44:03 +0800</pubDate><description><![CDATA[首先前提是能获取当前表格的全部数据和要取消勾选的数据。

默认选中和取消选中差不多，我这里的业务场景是删除选中数据。


selectValueClose(data){
    this.multipleSelection(data);//点击tags标签的X删除

    // 取消表格的勾选  当前表格数据 =》tableArrayData
    this.tableArrayData.forEach(row =&gt; {
        // 可以从列表中找到需要选中的那个对象，置为false，反]]></description><category></category></item><item><title><![CDATA[elementui中el-table表格封装成组件]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107333972</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107333972</guid><author>L_WalkingPig</author><pubDate>Tue, 14 Jul 2020 11:18:23 +0800</pubDate><description><![CDATA[子组件表格dialog封装结构如图：


&lt;el-dialog :title="propsSelectData.title"
             :visible.sync="propsSelectData.visibleMultiSelectDialog"
             width="40%"
             :showClose="false"
             :modal='false'
             :close-on-click-modal ]]></description><category></category></item><item><title><![CDATA[elementUI中去掉el-dialog右上角的 X]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107235060</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107235060</guid><author>L_WalkingPig</author><pubDate>Thu, 09 Jul 2020 18:29:10 +0800</pubDate><description><![CDATA[给el-dialog设置属性:showClose="false"即可。


&lt;el-dialog title="角色分配" :visible.sync="showChooseDialog" width="40%" :showClose="false"&gt;&lt;/el-dialog&gt;

感谢：https://segmentfault.com/q/1010000012175677
]]></description><category></category></item><item><title><![CDATA[flex弹性布局]]></title><link>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107041393</link><guid>https://blog.youkuaiyun.com/L_WalkingPig/article/details/107041393</guid><author>L_WalkingPig</author><pubDate>Tue, 30 Jun 2020 14:42:59 +0800</pubDate><description><![CDATA[flex-direction

flex-direction属性决定主轴的方向。

一共有 4 个值row | row-reverse | column | column-reverse



row是初始默认值。

row-reverse将起点变为右边。

column主轴为垂直方向，起点在上面。

column-reverse主轴为垂直方向，起点在下面。



flex-wrap

指定 flex 元素单行显示还是多行显示 。如果允许换行，这个属性允许你控制行的堆叠方向。

它一共有 ...]]></description><category></category></item></channel></rss>