<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[lvfeifeiCSND的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/lvfeifeiCSND</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; lvfeifeiCSND]]></copyright><item><title><![CDATA[“hasInjectionContext“ is not exported by。。。报错]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/139003745</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/139003745</guid><author>lvfeifeiCSND</author><pubDate>Fri, 17 May 2024 14:24:26 +0800</pubDate><description><![CDATA[在执行npm run dev:mp-weixin时报错，是因为vue的版本和pinia的版本不匹配导致的。pinia版本 2.1.7。]]></description><category></category></item><item><title><![CDATA[pnpm : 无法加载文件 C:\Program Files\nodejs\pnpm.ps1，因为在此系统上禁止运行脚本。]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/138961845</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/138961845</guid><author>lvfeifeiCSND</author><pubDate>Thu, 16 May 2024 15:13:02 +0800</pubDate><description><![CDATA[3、执行set-ExecutionPolicy，会提示输入参数，此时输入RemoteSigned回车。在vscode中运行pnpm i指令会报错：原因是PowerShell执行策略的问题。2、执行Get-ExecutionPolicy，显示Restricted。1、以管理员身份运行window powershell。再去vscode中执行pnpm命令就可以了。]]></description><category></category></item><item><title><![CDATA[vue自定义指令之在某元素内实现元素的拖拽移动]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/135545655</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/135545655</guid><author>lvfeifeiCSND</author><pubDate>Fri, 12 Jan 2024 10:12:45 +0800</pubDate><description><![CDATA[【代码】vue自定义指令之在某元素内实现元素的拖拽移动。]]></description><category></category></item><item><title><![CDATA[使用printJS、html2Canvas实现打印功能]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/131634768</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/131634768</guid><author>lvfeifeiCSND</author><pubDate>Mon, 10 Jul 2023 11:15:52 +0800</pubDate><description><![CDATA[【代码】使用printJS、html2Canvas实现打印功能。]]></description><category></category></item><item><title><![CDATA[使用jspdf、html2canvas实现PDF导出功能]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/131634543</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/131634543</guid><author>lvfeifeiCSND</author><pubDate>Mon, 10 Jul 2023 11:09:40 +0800</pubDate><description><![CDATA[【代码】使用jspdf、html2canvas实现PDF导出功能。]]></description><category></category></item><item><title><![CDATA[大屏实现数组滚动效果，组件封装]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/131552302</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/131552302</guid><author>lvfeifeiCSND</author><pubDate>Wed, 05 Jul 2023 11:34:26 +0800</pubDate><description><![CDATA[【代码】大屏实现数组滚动效果，组件封装。]]></description><category></category></item><item><title><![CDATA[js替换掉富文本中的所有＜img /＞格式标签的正则表达式]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/131412986</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/131412986</guid><author>lvfeifeiCSND</author><pubDate>Tue, 27 Jun 2023 11:09:50 +0800</pubDate><description><![CDATA[【代码】js替换掉富文本中的所有＜img /＞格式标签的正则表达式。]]></description><category></category></item><item><title><![CDATA[vue自定义指令实现elementui中的input自动获取焦点]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/117693424</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/117693424</guid><author>lvfeifeiCSND</author><pubDate>Tue, 08 Jun 2021 11:15:37 +0800</pubDate><description><![CDATA[一、全局注册
在main.js中
Vue.directive('focus', {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function (el) {
    // 聚焦元素 取children的第0个元素是因为elementui的外层包裹着div
    el.children[0].focus()
  }
})

使用
&lt;el-input v-focus/&gt;

二、局部注册
在vue文件的options中

directives: {
  focus: ]]></description><category></category></item><item><title><![CDATA[react中ref已废弃，请使用React.createRef()]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/117369836</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/117369836</guid><author>lvfeifeiCSND</author><pubDate>Fri, 28 May 2021 17:51:53 +0800</pubDate><description><![CDATA[在项目开发过程中难免会从操作dom，在react中获取dom的方式
(1)ref(已废弃)
//绑定ref
&lt;input ref="getInput"/&gt;
//获取dom元素的值
console.log(this.refs.getInput.state.value)

(2)React.createRef()（推荐使用）
export default class Header extends Component {
  constructor(props){
    super(props)
 ]]></description><category></category></item><item><title><![CDATA[uniapp中引入iconfont字体图标库]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/116597243</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/116597243</guid><author>lvfeifeiCSND</author><pubDate>Mon, 10 May 2021 15:47:33 +0800</pubDate><description><![CDATA[1、首先下载iconfont图标压缩包，将iconfont.css、iconfont.eot、iconfont.svg、iconfont.ttf、iconfont.woff、iconfont.woff2六个文件放进uniapp静态文件static中的fonts文件夹下
2、修改iconfont.css中引入文件的方式
将里边所有src: url('iconfont.eot')
改成src: url('~@/static/fonts/iconfont.eot')

3、在项目中通过
@import  url(]]></description><category></category></item><item><title><![CDATA[使用vant中tabs、van-pull-refresh、van-list实现上拉加载下拉刷新功能]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/115400118</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/115400118</guid><author>lvfeifeiCSND</author><pubDate>Fri, 02 Apr 2021 15:53:12 +0800</pubDate><description><![CDATA[&lt;van-tabs v-model="activeTab" color="#197DE6" :sticky="true" @click="tabClick"&gt;
      &lt;van-tab title="全部"&gt;&lt;/van-tab&gt;
      &lt;van-tab title="待安排"&gt;&lt;/van-tab&gt;
    &lt;/van-tabs&gt;
    &lt;div class="content"&gt;
      &lt;div...]]></description><category></category></item><item><title><![CDATA[css实现上、下、左、右方向的三角形]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/113180541</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/113180541</guid><author>lvfeifeiCSND</author><pubDate>Tue, 26 Jan 2021 15:07:53 +0800</pubDate><description><![CDATA[1、首先绘制一个边框分别为四种颜色的三角形
&lt;div class="square"&gt;&lt;/div&gt;
.square {
    width: 200px;
    height: 200px;
    border: 50px solid ;
    border-left-color: red;
    border-right-color: orange;
    border-top-color: greenyellow;
    border-bottom-color: pur]]></description><category></category></item><item><title><![CDATA[省市区、市辖区四级联动，删除市辖区的children，简单来说就是删除两个数组中相同的元素]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/112261886</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/112261886</guid><author>lvfeifeiCSND</author><pubDate>Wed, 06 Jan 2021 13:43:05 +0800</pubDate><description><![CDATA[项目中有个需求：
省市区三级联动，但是后台给的数据有四级（存在市辖区），此时需要将市辖区下面的children删除。
后台给出的数据格式

思路：
1、将name为市辖区的id放进一个数组
2、循环遍历删除parentId为市辖区的项
代码如下：
（1）数据格式示例：
{
  "id": 110000,
  "name": "北京市",
  "parentId": 0
},
{
  "id": 120000,
  "name": "天津市",
  "parentId": 0
},
{
  "id": 130]]></description><category></category></item><item><title><![CDATA[vue+elementui  table表格实现多选框部分禁用功能]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/111868662</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/111868662</guid><author>lvfeifeiCSND</author><pubDate>Mon, 28 Dec 2020 16:07:01 +0800</pubDate><description><![CDATA[查看elementui文档可知：
selectable仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选
&lt;el-table
  ref="multipleTable"
   :data="tableData"
   fit
   stripe
   tooltip-effect="dark"
   style="width: 100%"
   :header-cell-style="{ textAlign]]></description><category></category></item><item><title><![CDATA[正则实现input输入正数、正小数（两位小数）、0，校验去除0+数字开头的数据]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/111561203</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/111561203</guid><author>lvfeifeiCSND</author><pubDate>Tue, 22 Dec 2020 16:37:27 +0800</pubDate><description><![CDATA[var checkPrice = (rule, value, callback) =&gt; {
  let regRule = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
  if (!regRule.test(value)) {
    callback(new Error('正数，保留两位小数'));
  } else {
    callback();
  }
};


...]]></description><category></category></item><item><title><![CDATA[vue+elementui实现动态表单校验]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/111560257</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/111560257</guid><author>lvfeifeiCSND</author><pubDate>Tue, 22 Dec 2020 16:20:28 +0800</pubDate><description><![CDATA[在工作中经常有动态表单，动态表格，而必不可少的就是表单校验，接下来给大家展示代码
（1）html
&lt;el-form
      :model="value"
      :rules="rules"
      ref="saleForm"
      label-width="85px"
      class="product-form"&gt;
  &lt;el-table :data="middleSkuTableData" border style="width: 100%" class="]]></description><category></category></item><item><title><![CDATA[路由传参方式]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/109061620</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/109061620</guid><author>lvfeifeiCSND</author><pubDate>Tue, 13 Oct 2020 21:47:11 +0800</pubDate><description><![CDATA[分为两大类

编程式导航

（1）params：注意（路由页面、push中的name和路由js中的name要对应上，才能实现刷新页面参数不消失）
第一步：路由js中的path要加/:type
第二步：this.$router.push({name: 'RewardBreak'，params：{type：65}})
第三步：this.$route.params.type

（2）query：
第一步：this.$router.push({path: '/rewardBreak'，query：{type：65}]]></description><category></category></item><item><title><![CDATA[纯前端实现导出excel功能]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/108999707</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/108999707</guid><author>lvfeifeiCSND</author><pubDate>Sat, 10 Oct 2020 16:47:26 +0800</pubDate><description><![CDATA[不用调用后台接口实现纯前端导出excel
1、封装导出方法
/**
* 导出excel公共方法
* tableId是table表格的id
* excelName可以自定义导出excel的名称
*/
export function exportExcel(tableId, excelName) {
  let wb = XLSX.utils.table_to_book(
    document.querySelector("#" + tableId)
  );
  let wbout = XLSX.writ]]></description><category></category></item><item><title><![CDATA[vue分页表格实现连续排序]]></title><link>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/108996251</link><guid>https://blog.youkuaiyun.com/lvfeifeiCSND/article/details/108996251</guid><author>lvfeifeiCSND</author><pubDate>Sat, 10 Oct 2020 14:24:42 +0800</pubDate><description><![CDATA[1、思路：通过当前页码、每页条数计算出序号
2、废话不多说，直接上代码：


]]></description><category></category></item></channel></rss>