<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Fhm123456_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Fhm123456_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Fhm123456_]]></copyright><item><title><![CDATA[前端table表格的全选/反选/跨页勾选（封装）]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/135287757</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/135287757</guid><author>Fhm123456_</author><pubDate>Fri, 29 Dec 2023 12:09:13 +0800</pubDate><description><![CDATA[前置条件1：table表格里面必须有一项是作为这一条数据的唯一值，比如：id，必须要有的！前置条件2：点击全选按钮，需要调接口，让后端给你返全部需要勾选的数据：pathologyId，例如【1，2，3】这样我们才知道全选选哪些数据。前置条件3：点击反选按钮，需要调接口，让后端给你返全部需要勾选的数据：pathologyId，例如【1，2，3】这样我们才知道反选选哪些数据。先定义selectListIds ：【】,为了知道哪些数据是要选中的。前提：项目需要，想要一个可以全选，反选，跨页勾选的需求。]]></description><category></category></item><item><title><![CDATA[vue项目发版，前端页面自动提示用户刷新页面]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/135012102</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/135012102</guid><author>Fhm123456_</author><pubDate>Fri, 15 Dec 2023 11:00:45 +0800</pubDate><description><![CDATA[首先，根目录下创建两个js文件，比如version-update.js这是更新用的，version.js这个是将特定标识写入项目中，以此来区分项目是否更新。背景：由于前端发版用户不及时刷新页面就会造成你看到的页面其实是发版之前的页面，需要每次手动刷新，现在封装2个方法，当有前端代码更新，自动提示用户手动刷新。然后在main.js中引用即可。]]></description><category></category></item><item><title><![CDATA[echarts,屏幕尺寸放大缩小时自适应页面-封装]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/134996671</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/134996671</guid><author>Fhm123456_</author><pubDate>Thu, 14 Dec 2023 15:33:32 +0800</pubDate><description><![CDATA[2：在utils目录下新建一个js文件，比如resize.js，代码如下。]]></description><category></category></item><item><title><![CDATA[git 不小心删除未commit的新文件]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/132710219</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/132710219</guid><author>Fhm123456_</author><pubDate>Wed, 06 Sep 2023 11:16:46 +0800</pubDate><description><![CDATA[等我把b分支紧急需求搞完，回到a进行git stash pop。我傻眼了，因为新建的两个文件被我删掉了。这时候是没有commit的，仅仅是在本地开发的且还被我删掉了。各种方法都找不到了。在一阵操作下也找不回来，最后心灰意冷了，打算重写！我这个人有点毛病，重写我也是起同样的名字。vscode有个时间线功能，你点击新建的文件的名字，打开时间线就能看到你保存的记录，点进去就能看到你的代码。]]></description><category></category></item><item><title><![CDATA[封装快捷时间选择]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/132709166</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/132709166</guid><author>Fhm123456_</author><pubDate>Wed, 06 Sep 2023 10:13:13 +0800</pubDate><description><![CDATA[注意点：我们的上个工作日是根据系统配置的工作日来的。所以在处理上个工作日时会调接口。系统配置的工作日如图：用户可以随意设置周一至周日的哪几天为工作日。用户可以快捷选择，前端把处理好的时间给后端。]]></description><category></category></item><item><title><![CDATA[el-input的textarea，中文数字符号一起输入时，换行有问题]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/132686223</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/132686223</guid><author>Fhm123456_</author><pubDate>Tue, 05 Sep 2023 10:22:34 +0800</pubDate><description><![CDATA[做需求发现，input输入一大串中文数字符号换行有问题。这里实际我没有输入任何换行符的。加一行代码即可解决。]]></description><category></category></item><item><title><![CDATA[git提交只对commit提交部分自动eslint项目设置]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/127986718</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/127986718</guid><author>Fhm123456_</author><pubDate>Tue, 22 Nov 2022 17:27:07 +0800</pubDate><description><![CDATA[【代码】git提交只对提交部分自动eslint项目设置。]]></description><category></category></item><item><title><![CDATA[同一个浏览器登录不同账号，设置只允许登录一个账号步骤]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/127919541</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/127919541</guid><author>Fhm123456_</author><pubDate>Fri, 18 Nov 2022 11:48:01 +0800</pubDate><description><![CDATA[/ 同时满足key为USER_STORAGE_TOKEN_KEY, oldValue不为空, 且ev值变化, 则提示用户登录信息变化。MessageBox.alert('当前登录用户信息已过时，请点击刷新页面', {第三步：在main.js中监听token变化。第一步，新增constant.js文件。// 统一添加用户token变化监听,d第四步：在无权限访问的页面进行配置。]]></description><category></category></item><item><title><![CDATA[前端处理导出（可自定义，目前是非自定义这种）]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/125377601</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/125377601</guid><author>Fhm123456_</author><pubDate>Mon, 20 Jun 2022 17:52:30 +0800</pubDate><description><![CDATA[前端导出的两种方式]]></description><category></category></item><item><title><![CDATA[element的table表格tooltip快速滚动时候会造成scroll高度被撑开，导致浏览器出现滚动条]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/125368941</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/125368941</guid><author>Fhm123456_</author><pubDate>Mon, 20 Jun 2022 11:26:24 +0800</pubDate><description><![CDATA[起因：页面涉及到滚动下拉加载数据，一次显示50条，第二次调第二页的50条，table表格中对数据进行了处理，使用了el-tooltip，鼠标放上时候el-tooltip会有个延迟，这时候快速滚动el-tooltip还存在，会导致表格的高度被撑高，浏览器出现滚动条。处理：既然是el-tooltip引起的，那就让el-tooltip在table表格滚动到下面时候消失，这样就不会造成el-tooltip滚到下面还占位的情况监听滚动事件，获取tooltip，去判断tooltips.length，然后设置它的属性..]]></description><category></category></item><item><title><![CDATA[el-select多选时候之后，展示多选条件不允许被删除]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/125368698</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/125368698</guid><author>Fhm123456_</author><pubDate>Mon, 20 Jun 2022 11:19:05 +0800</pubDate><description><![CDATA[效果如图：第一步：el-select 加一个ref属性，例如：ref="medicalAdviceRef"，为了操作js用，第二部：]]></description><category></category></item><item><title><![CDATA[vue指定导出列表某些需要字段]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/125167649</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/125167649</guid><author>Fhm123456_</author><pubDate>Tue, 07 Jun 2022 16:22:26 +0800</pubDate><description><![CDATA[vue导出功能（指定导出固定列）]]></description><category></category></item><item><title><![CDATA[table表格，快捷键下一条数据高亮之后，滚动条自动滚动到高亮的那一条]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/123718318</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/123718318</guid><author>Fhm123456_</author><pubDate>Thu, 24 Mar 2022 18:36:18 +0800</pubDate><description><![CDATA[思路：拿到高亮的表格数据，计算距离视口的高度，也拿到表格距离视口的高度，两者相减，利用scrollTop的滚动来控制滚动条

代码如下：


    tableScrollMoves(refName, index) {
      if (!refName || !this.$refs[refName]) return// 不存在表格的ref vm 则返回
      const vmEl = this.$refs[refName].$el
      if (!vmEl) return
      // ]]></description><category></category></item><item><title><![CDATA[下载word/xlsx等文件，和下载txt。jpj文件区别以及具体操作]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/123691844</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/123691844</guid><author>Fhm123456_</author><pubDate>Wed, 23 Mar 2022 17:33:54 +0800</pubDate><description><![CDATA[txt/jpg使用方式：下载
downloadFile(obj) {
      if (!obj.filePath) return
      const downloadElement = document.createElement('a')
      const url = obj.filePath
      fetch(url).then(res =&gt; res.blob()).then(blob =&gt; { // 将链接地址字符内容转变成blob地址
        downlo..]]></description><category></category></item><item><title><![CDATA[快捷复用页面（单纯想记录下）]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/123678517</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/123678517</guid><author>Fhm123456_</author><pubDate>Wed, 23 Mar 2022 09:59:15 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;div class="experimentInfo-container"&gt;
    &lt;el-table
      :data="tableData"
      class="borderColor"
      border
      :cell-style="{borderColor:'#C4C7CB',padding:'0'}"
      :header-cell-style="{borderColor:'#C4C7CB'}"
    .]]></description><category></category></item><item><title><![CDATA[vue列表手动拖拽排序]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/123665700</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/123665700</guid><author>Fhm123456_</author><pubDate>Tue, 22 Mar 2022 17:10:14 +0800</pubDate><description><![CDATA[需求：列表可以手动拖拽进行排序





如图所示，是通过鼠标拖拽实现的。

1，页面中引入 import draggable from 'vuedraggable'

2，html中使用，将要拖拽的内容进行包裹

3，




]]></description><category></category></item><item><title><![CDATA[el-select已经选择的下拉框的值不可以再次被选择]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/123612937</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/123612937</guid><author>Fhm123456_</author><pubDate>Sun, 20 Mar 2022 14:56:14 +0800</pubDate><description><![CDATA[需求：每次点新增按钮，列表typeList就会新增一条可以选择的下拉菜单，如果一个下拉菜单绑定了一个a，那么新增之后的下拉菜单里面的下拉选项a是属于被禁用的状态，只能选择别的未被禁用的选项

实现：

1，首先把下拉菜单的options拿到，，把里面的每一项新增一个item.disabled=false的属性，这样可以去控制下拉框是否禁用





2，刚进入页面调列表接口，拿到一进页面返回的typeList，拿到里面已经被绑定的option，把这些option放在一个数组里面，为了跟操作1的数组进行对比
]]></description><category></category></item><item><title><![CDATA[在el-dialog中动态创建的iframe，监听iframe里面的标签是否被点击]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/122842454</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/122842454</guid><author>Fhm123456_</author><pubDate>Wed, 09 Feb 2022 15:20:28 +0800</pubDate><description><![CDATA[在el-dialog中动态创建的iframe，监听iframe里面的标签是否被点击]]></description><category></category></item><item><title><![CDATA[鼠标下拉滚动动态加载数据]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/122601375</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/122601375</guid><author>Fhm123456_</author><pubDate>Thu, 20 Jan 2022 14:41:46 +0800</pubDate><description><![CDATA[html:
 &lt;div class="left borderRadius8" @scroll="scrollLeft"&gt;&lt;/div&gt;

data中：shouldGetData: true,

method:
 async scrollLeft(e) { // 向下滚动加载列表
      if (!this.shouldGetData) return
      if (e.target.scrollHeight - (e.target.scrollTop + e.target.c.]]></description><category></category></item><item><title><![CDATA[封装el-date-picker，选择某年某月某日时候，往前最多可选择6个月，往后也是最多只能选择6个月]]></title><link>https://blog.youkuaiyun.com/Fhm123456_/article/details/122320314</link><guid>https://blog.youkuaiyun.com/Fhm123456_/article/details/122320314</guid><author>Fhm123456_</author><pubDate>Wed, 05 Jan 2022 11:53:17 +0800</pubDate><description><![CDATA[&lt;template&gt;
  &lt;el-date-picker
    v-model="timeData"
    type="daterange"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    :picker-options="pickerOption"
    value-format="yyyy-MM-dd"
    @change="handleChangeDate"
  &gt;&lt;/el-date-pi.]]></description><category></category></item></channel></rss>