<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[weixin_47441413的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/weixin_47441413</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; weixin_47441413]]></copyright><item><title><![CDATA[路由权限控制]]></title><link>https://blog.youkuaiyun.com/weixin_47441413/article/details/128576055</link><guid>https://blog.youkuaiyun.com/weixin_47441413/article/details/128576055</guid><author>weixin_47441413</author><pubDate>Fri, 06 Jan 2023 11:34:56 +0800</pubDate><description><![CDATA[- 菜单权限控制（菜单中的页面是否能被访问）
- 静态配置的路由时直接在routes里面进行配置，但是动态路由是通过 `router.addRoutes()` 进行配置]]></description><category></category></item><item><title><![CDATA[实现简单的二维码批量下载功能]]></title><link>https://blog.youkuaiyun.com/weixin_47441413/article/details/127473392</link><guid>https://blog.youkuaiyun.com/weixin_47441413/article/details/127473392</guid><author>weixin_47441413</author><pubDate>Sun, 23 Oct 2022 12:48:31 +0800</pubDate><description><![CDATA[批量下载二维码打包]]></description><category></category></item><item><title><![CDATA[图片裁剪功能]]></title><link>https://blog.youkuaiyun.com/weixin_47441413/article/details/127473360</link><guid>https://blog.youkuaiyun.com/weixin_47441413/article/details/127473360</guid><author>weixin_47441413</author><pubDate>Sun, 23 Oct 2022 12:42:26 +0800</pubDate><description><![CDATA[开始画裁剪框（或画布）、画裁剪框（或画布）的中途、裁剪框（或画布）画完、进行裁剪事件 event.detail.originalEvent、event.detail.action。返回裁剪区域基于原图片!检查图片的方向信息（仅JPEG图片有）默认true 在旋转图片时会对图片方向值做一些处理 以解决IOS设备上的一些问题。容器、图片、裁剪框的 最小宽高 括号内为默认值 注意 裁剪框的最小高宽是相对与页面而言的 并非相对图片。容器、图片容器（画布）、图片、裁剪区域相对容器的数据设置和获取。]]></description><category></category></item><item><title><![CDATA[excel表格导入导出]]></title><link>https://blog.youkuaiyun.com/weixin_47441413/article/details/124182675</link><guid>https://blog.youkuaiyun.com/weixin_47441413/article/details/124182675</guid><author>weixin_47441413</author><pubDate>Thu, 14 Apr 2022 21:49:15 +0800</pubDate><description><![CDATA[一，文件导出
1.  下包
  
 npm install  xlsx@0.14.1  file-saver script-loader --save //安装三个包

2.  导出文件
    &lt;el-button type="danger" @click="handleDownload"&gt;导出文件&lt;/el-button&gt;
    
    &lt;el-button type="success"
      @click="$router.push('/loadFile')"  ]]></description><category></category></item><item><title><![CDATA[js数组方法总结]]></title><link>https://blog.youkuaiyun.com/weixin_47441413/article/details/123775773</link><guid>https://blog.youkuaiyun.com/weixin_47441413/article/details/123775773</guid><author>weixin_47441413</author><pubDate>Sun, 27 Mar 2022 16:31:57 +0800</pubDate><description><![CDATA[1.every方法

检测数组中的元素是否全部满足条件

 computed: {
    isAll: {
      set(val){
        //点击全选,小选全部勾上
        this.arr.forEach(item =&gt;item.c = val );
      },
          
     //forEach方法循环   
      get(){
         let flag = true;
         this.arr.forEach((item]]></description><category></category></item><item><title><![CDATA[一文看懂vue组件通讯]]></title><link>https://blog.youkuaiyun.com/weixin_47441413/article/details/123667678</link><guid>https://blog.youkuaiyun.com/weixin_47441413/article/details/123667678</guid><author>weixin_47441413</author><pubDate>Tue, 22 Mar 2022 18:21:14 +0800</pubDate><description><![CDATA[组件传值(vue2写法)
1. props 父传子
父组件绑定数据传递,子组件接收(子组件不能直接修改父组件的数据)
  //父组件
  &lt;Child :msg="data"/&gt;
  data() {
    return {
      data: '父组件传给子组件的信息'
    }
  }
  ​
  //子组件
   props: {
      msg: {
        type: String,
        default: ''
      }
    }

2. $em]]></description><category></category></item><item><title><![CDATA[Vue自定义指令注册]]></title><link>https://blog.youkuaiyun.com/weixin_47441413/article/details/123345384</link><guid>https://blog.youkuaiyun.com/weixin_47441413/article/details/123345384</guid><author>weixin_47441413</author><pubDate>Tue, 08 Mar 2022 09:32:10 +0800</pubDate><description><![CDATA[1. 全局注册自定义指令

在main.js 中定义

Vue.directive('focus', {
    inserted: function(el){
         //el表示指令所绑定的元素
        el.focus()
    }
  })
  
   //在组件中使用
  
   &lt;input type="text" v-focus&gt;&lt;/input&gt;
   


自定义指令传参 :

在main.js 中定义
Vue.directive('color'.]]></description><category></category></item><item><title><![CDATA[vue-插槽使用]]></title><link>https://blog.youkuaiyun.com/weixin_47441413/article/details/123309012</link><guid>https://blog.youkuaiyun.com/weixin_47441413/article/details/123309012</guid><author>weixin_47441413</author><pubDate>Sun, 06 Mar 2022 13:21:19 +0800</pubDate><description><![CDATA[vue的插槽使用]]></description><category></category></item><item><title><![CDATA[vuex使用看这篇就够了]]></title><link>https://blog.youkuaiyun.com/weixin_47441413/article/details/122502926</link><guid>https://blog.youkuaiyun.com/weixin_47441413/article/details/122502926</guid><author>weixin_47441413</author><pubDate>Fri, 14 Jan 2022 23:06:56 +0800</pubDate><description><![CDATA[一、Vuex 介绍


Vuex 是 vue 项目中实现大范围数据共享的技术方案


Vuex作用：能够方便、高效地实现组件之间的数据共享


使用 Vuex 的好处:

数据的存取一步到位，不需层层传递
数据的流动非常清晰
存储在 Vuex 中的数据都是响应式的



二、使用步骤
引入库
代码如下（示例）：
//在store文件/index.js 配置
// 1. 下包
npm i vuex   
// 2. 导入 Vuex 
import Vuex from 'vuex'   
// 3. 安装 Vu]]></description><category></category></item></channel></rss>