<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sinat_38628334的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sinat_38628334</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sinat_38628334]]></copyright><item><title><![CDATA[VUE3中使用swiper]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/136683284</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/136683284</guid><author>sinat_38628334</author><pubDate>Wed, 13 Mar 2024 16:25:53 +0800</pubDate><description><![CDATA[VUE3中使用swiper]]></description><category></category></item><item><title><![CDATA[vue项目使用pdf-dist、turn.js实现PDF文件仿翻书预览功能]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/129108878</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/129108878</guid><author>sinat_38628334</author><pubDate>Sun, 19 Feb 2023 17:36:19 +0800</pubDate><description><![CDATA[在vue项目中使用pdf-dist.js和turn.js实现PDF文件仿翻书预览功能]]></description><category></category></item><item><title><![CDATA[node学习笔记之通过sequelize对mysql进行建表、联表查询]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/122469123</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/122469123</guid><author>sinat_38628334</author><pubDate>Thu, 13 Jan 2022 13:09:12 +0800</pubDate><description><![CDATA[前期准备：

npm install sequelize mysql2 --save


1.建立数据库链接:src/db/sequelize.js


const { Sequelize } = require("sequelize");


const seq = new Sequelize('数据库名称', '数据库用户名', '密码', {
    host: 'localhost',//主机地址
    dialect: "mysql",
});

// 测试数据库连接
// seq
//   .]]></description><category></category></item><item><title><![CDATA[B站杰哥node+koa+mysql项目实战学习笔记]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/122196860</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/122196860</guid><author>sinat_38628334</author><pubDate>Tue, 28 Dec 2021 19:23:54 +0800</pubDate><description><![CDATA[B站杰哥课堂node+koa+mysql项目实战学习笔记]]></description><category></category></item><item><title><![CDATA[vue3项目之axios封装以及vue.config.js 代理proxy配置]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/121813737</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/121813737</guid><author>sinat_38628334</author><pubDate>Thu, 09 Dec 2021 12:56:30 +0800</pubDate><description><![CDATA[前后端分离项目基本都要解决跨域，除了后端设置外，前端通常通过代理解决跨域。由于vue-cli3创建的项目不会自动生成vue.config.js文件，需要手动创建在根目录下进行相关配置。

准备：


前端地址：http://10.13.123.123:8888

后端接口地址示例：http://10.13.456.456:9999/test/login/doLogin

封装axios：


//src&gt;request&gt;http.js
//main.ts引用：import http from "]]></description><category></category></item><item><title><![CDATA[微信小程序--两个swiper对应轮播]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/121381372</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/121381372</guid><author>sinat_38628334</author><pubDate>Wed, 17 Nov 2021 16:36:26 +0800</pubDate><description><![CDATA[微信小程序里swiper切换时控制另外一个swiper的切换]]></description><category></category></item><item><title><![CDATA[vue后台管理项目的登录+权限控制]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/121341119</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/121341119</guid><author>sinat_38628334</author><pubDate>Mon, 15 Nov 2021 19:35:31 +0800</pubDate><description><![CDATA[记录一下自己的思路，也给第一次做这方面的小伙伴提供个思路~~~~

项目里权限分为页面级权限和按钮级权限，权限表如下图所示：





A:页面级权限

1.登录成功后对后端返回的权限数据进行处理：如果用户有多个角色，角色间的权限可能会重复，需要先去重，然后获取页面级的权限，缓存到本地



2.在router下的index.js里定义所有的路由

3.在路由守卫里判断用户是否登录、即将跳转页面的路径是否包含在权限数组里等等情况进行相应的跳转



B：按钮级权限

1.登录成功后将后端返回的所有按钮级..]]></description><category></category></item><item><title><![CDATA[莫名其妙的bug之el-drawer只能打开一次]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/119084350</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/119084350</guid><author>sinat_38628334</author><pubDate>Sun, 25 Jul 2021 17:17:46 +0800</pubDate><description><![CDATA[从官网复制的代码，将&lt;el-deawer&gt;里面的内容替换成自己之前写的标签，结果发现drawer只能个打开一次，控制台报如下错：

网上百度后说是绑定的方法未在methods里定义，然后就开始看drawer相关的打开和关闭方法，确定确实没问题后开始头秃，将drawer里面的元素一层层禁掉、打开后发现居然是drawer里面某个元素上我绑定了click方法，但是这个方法没在methods里面定义.........



发现错误原因后当场就气笑了，这个错真的是让人莫名其妙啊，也不知道会不会有人跟我遇]]></description><category></category></item><item><title><![CDATA[根据el-table-column内容生成el-form内容时this.$refs.testForm.resetFields() 重置表单失效的解决方法]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/118604159</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/118604159</guid><author>sinat_38628334</author><pubDate>Fri, 09 Jul 2021 13:05:11 +0800</pubDate><description><![CDATA[1.首先确保el-form绑定了:model='testForm'属性和ref='testForm'属性，每个el-form-item标签上必须绑定prop属性



2.el-table-column绑定的打开form弹窗事件里的执行顺序：



这里参考大佬的文章：https://segmentfault.com/a/1190000022516459，折腾了我大半天，看了大佬的文章才知道是执行顺序的原因...........

3.最后再执行this.$refs.qualificationsForm.r]]></description><category></category></item><item><title><![CDATA[elmentui之table嵌入radio]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/117424268</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/117424268</guid><author>sinat_38628334</author><pubDate>Mon, 31 May 2021 18:17:11 +0800</pubDate><description><![CDATA[html:
&lt;el-table
      :data="dataArr"
      style="width: 100%"
      :header-cell-class-name="cellName"
      class="journalTable"
      :header-row-style="{ background: '#f5f7fa' }"
    &gt;
      &lt;el-table-column prop="state" label="审核是否通过" min-w.]]></description><category></category></item><item><title><![CDATA[element-plus之element-image-viewer的使用]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/116702243</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/116702243</guid><author>sinat_38628334</author><pubDate>Wed, 12 May 2021 12:11:51 +0800</pubDate><description><![CDATA[想通过按钮直接触发图片预览，而不是通过点击图片预览，搜索后发现element的隐藏组件：element-image-viewer。

template:


&lt;el-table-column  label="图片上传" min-width="10%"&gt;
        &lt;template #default="scope"&gt;
          &lt;el-button  @click="checkImg(scope.row.imageList)"  :type="scope.ro.]]></description><category></category></item><item><title><![CDATA[解决window.pageYOffset打印的值为0]]></title><link>https://blog.youkuaiyun.com/sinat_38628334/article/details/106422259</link><guid>https://blog.youkuaiyun.com/sinat_38628334/article/details/106422259</guid><author>sinat_38628334</author><pubDate>Fri, 29 May 2020 11:41:43 +0800</pubDate><description><![CDATA[最开始没有考虑完全的时候是这样写的：



控制台打印的值始终为0，但是打印的window属性里又有确定的值，经过百度后发现原因是这句代码在页面没有完全加载完全的时候就执行了，下面的写法就可以了：



看来还是自己基础不扎实，以后还是要多夯实基础才行啊
...]]></description><category></category></item></channel></rss>