<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[workhard0905的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/workhard0905</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; workhard0905]]></copyright><item><title><![CDATA[ 纯前端实现表格中的数据导出功能-使用xlsx和file-saver]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/145285838</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/145285838</guid><author>workhard0905</author><pubDate>Tue, 21 Jan 2025 16:27:07 +0800</pubDate><description><![CDATA['导出时间':this.$dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')FileSaver.saveAs(blob, '表名') // 下载文件 文件名。通过npm导入XLSX和file-saver包 通过import导入。'描述': item.description,'显示值': item.yValue,//导出excel--（导出描述和显示值列）//创建工作簿并且添加工作表。//将工作簿转未Blob对象。]]></description><category></category></item><item><title><![CDATA[在swiper中显示echarts图表，echarts的点击事件无效，图例点击也没有反应]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/145266521</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/145266521</guid><author>workhard0905</author><pubDate>Mon, 20 Jan 2025 17:28:09 +0800</pubDate><description><![CDATA[disableOnInteraction: false //用户操作swiper之后，是否禁止autoplay 默认为true。touchStartPreventDefault:false, //添加这个属性 默认不阻止事件。slidesPerView: 1, //设置slide能够同时显示的slides的数量。spaceBetween: 12, //在slide直接设置距离。delay: 6000, //自动切换的时间间隔，//添加swiper轮播。]]></description><category></category></item><item><title><![CDATA[项目中遇到的解决抽屉遮罩层设置为false 下方的按钮仍不可点击的问题]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/136912324</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/136912324</guid><author>workhard0905</author><pubDate>Thu, 21 Mar 2024 16:17:32 +0800</pubDate><description><![CDATA[/解决抽屉遮罩层false后下方按钮不可点击。通过更改css样式来解决。]]></description><category></category></item><item><title><![CDATA[uniapp添加极光推送]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/127109799</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/127109799</guid><author>workhard0905</author><pubDate>Thu, 29 Sep 2022 17:05:16 +0800</pubDate><description><![CDATA[uniapp中添加极光推送]]></description><category></category></item><item><title><![CDATA[关闭element UI的弹窗，再次打开显示表单验证提示]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/127073915</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/127073915</guid><author>workhard0905</author><pubDate>Tue, 27 Sep 2022 16:45:51 +0800</pubDate><description><![CDATA[关闭element UI的弹窗，再次打开显示表单验证提示]]></description><category></category></item><item><title><![CDATA[ElementUI 弹窗 bug（右侧出现滚动条）]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/126381439</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/126381439</guid><author>workhard0905</author><pubDate>Wed, 17 Aug 2022 11:03:38 +0800</pubDate><description><![CDATA[ElementUI弹窗bug]]></description><category></category></item><item><title><![CDATA[Element UI 中的表格 表头合并]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/124403080</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/124403080</guid><author>workhard0905</author><pubDate>Mon, 25 Apr 2022 13:42:15 +0800</pubDate><description><![CDATA[实现以上效果

el-table中有个属性 header-cell-style 属性：用来设置表头单元格的样式

代码如下：



&lt;el-table class="state-table" :data="temHoleTableData"
          size="mini" style="width: 100%" height="100%" :header-cell-style="headerStyle"&gt;
  &lt;el-table-column prop="project...]]></description><category></category></item><item><title><![CDATA[自动触发dtree树形菜单组件的点击事件]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/123641765</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/123641765</guid><author>workhard0905</author><pubDate>Mon, 21 Mar 2022 17:57:42 +0800</pubDate><description><![CDATA[今天修改公司很久以前项目 用到了很久都不用的dtree树形菜单组件

按照需求：从其他页面跳转到该页面，根据携带的参数 自动触发dtree的点击事件，让页面中显示出来相关的内容，

查询dtree文档 没有发现直接可以触发点击事件的方法，

但是有个一个 openTo(id) 可以打开指定的节点 id: 节点唯一的ID号

调用该方法可以将树形结构选中

然后可以拿到高亮节点的内容 触发click事件（我此处用的高亮节点的class为nodeSel）




dtree.openTo(findMenuId,]]></description><category></category></item><item><title><![CDATA[svn提交时忽略某些文件的方式]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/123523864</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/123523864</guid><author>workhard0905</author><pubDate>Wed, 16 Mar 2022 13:13:44 +0800</pubDate><description><![CDATA[1.在空白处右键选择TortoiseSVN-Settings





2.点击Edit





3.弹出config配置文件 在里面添加一行global-ignores = *node_modules *idea *git 把想要忽略的文件添加进去，多个名字直接用空格隔开








]]></description><category></category></item><item><title><![CDATA[ecahrts 散点图根据数据不同在地图上显示不同的颜色]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/123318435</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/123318435</guid><author>workhard0905</author><pubDate>Sun, 06 Mar 2022 22:00:58 +0800</pubDate><description><![CDATA[根据需求 要根据接口返回数据的不同 在地图上行显示不同的圆柱以及波浪

本来是想在color中使用回调 根据数据返回不同的颜色 但是在color属性中 使用回调函数发现不起作用 而且没有进入回调函数中 查询文档发现

在type为lines scatter efferctScatter类型的series中的data属性

以type='lines'为例 data属性中有个lineStyle的属性 可以根据单个数据设置样式







return data.map(item =&gt; {
    r..]]></description><category></category></item><item><title><![CDATA[calc（）函数中的使用Scss变量]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/123167189</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/123167189</guid><author>workhard0905</author><pubDate>Sun, 27 Feb 2022 17:30:50 +0800</pubDate><description><![CDATA[$titleHeight: 3.4rem;


.record_table {
  height: calc(100% - #{$titleHeight});
}

使用 #{变量}的方式

]]></description><category></category></item><item><title><![CDATA[将页面中的canvas导出为图片]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/123133152</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/123133152</guid><author>workhard0905</author><pubDate>Fri, 25 Feb 2022 14:56:58 +0800</pubDate><description><![CDATA[const canvasDom = this.$refs[canvas]; //获取canvas DOM对象
const imageData = canvasDom.toDataURL('image/png'); //返回base64的URL
const elink = document.createElement('a');
const name = {
  left: '左线喇叭口',
  middle: '冻结中段',
  right: '右线喇叭口'
}
elink.download = name.]]></description><category></category></item><item><title><![CDATA[将echarts图表导出图片]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/123128888</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/123128888</guid><author>workhard0905</author><pubDate>Fri, 25 Feb 2022 11:17:35 +0800</pubDate><description><![CDATA[将页面中的echarts图标导出png

echarts官网中有个 getDataURL方法 可以返回一个base64的URL







let myChart = this.echarts.init(document.getElementById('large_chart'));
const picInfo = myChart.getDataURL({
  // 导出的格式，可选 png, jpg, svg
  // 注意：png, jpg 只有在 canvas 渲染器的时候可使用，svg 只...]]></description><category></category></item><item><title><![CDATA[在vue-cli项目中动态修改系统名称]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/122036109</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/122036109</guid><author>workhard0905</author><pubDate>Mon, 20 Dec 2021 10:49:00 +0800</pubDate><description><![CDATA[在vue-cli搭建的项目中有个系统配置在页面，在系统配置页面中可以修改改系统的名称，要求修改完系统名后系统中相关显示系统名称的地方都要更改，包括登录页面、左侧导航栏、浏览器中的title





在这里将系统名称存在了localstorage和vuex中，存在Vuex中是因为Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。存在localstorage是方式页面刷新后vuex中的内容清空 所以综合起来]]></description><category></category></item><item><title><![CDATA[v-for 循环生成多个表单元素 给动态生成的表单元素绑定值并且添加校验规则]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/121679462</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/121679462</guid><author>workhard0905</author><pubDate>Thu, 02 Dec 2021 16:40:59 +0800</pubDate><description><![CDATA[需求：点击新增按钮 能不断生成下级部门，所以我再data中定义了一个变量



subordinateDepartmentNum：0 默认值设置为0



给增加按钮添加点击事件 每点击一次按钮subordinateDepartmentNum加1



// 新增下级部门
addDepartment() {
  this.subordinateDepartmentNum++;
},




通过v-for循环生成表单 这样就可以生成多个下级部门的表单元素


&lt;div class="ad...]]></description><category></category></item><item><title><![CDATA[element ui级联选择器添加必填验证]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/121553389</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/121553389</guid><author>workhard0905</author><pubDate>Fri, 26 Nov 2021 10:01:20 +0800</pubDate><description><![CDATA[cascadeValue: [
  {required: true,type:'array', message: "不能为空", trigger: "change"}
],

通过以上方式给级联选择器添加必填验证 即使选择了内容也一直提示不能为空





这种验证方式不通过，换一种方式，通过添加 自定义验证规则的方式来添加验证


cascadeValue:[
  {validator:validCascader, trigger: "change"}
],




var validCascader..]]></description><category></category></item><item><title><![CDATA[去除登录时输入框因自动填充产生的白色背景]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/121423925</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/121423925</guid><author>workhard0905</author><pubDate>Fri, 19 Nov 2021 15:32:15 +0800</pubDate><description><![CDATA[input {
  height:50px;
  background: rgba(94,206,255,0.4);
  font-size: 16px;
  border: 1px solid rgba(0,255,255,0.4);
  outline: none;
  //去除自动填充的白色背景
  &amp;:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-text-fill-c.]]></description><category></category></item><item><title><![CDATA[threejs 加载模型遇到的问题]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/121403526</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/121403526</guid><author>workhard0905</author><pubDate>Thu, 18 Nov 2021 16:19:03 +0800</pubDate><description><![CDATA[今天在处理threejs加载的Obj模型的时候，想让按照模型的不同类型一次加载到页面中，

根据模型中的children中的name来判断模型的类型


//consle.log(this.modelObject.children.length) //86
this.modelObject.traverse(child =&gt; {
      console.log("in")
      scene.add(child);
  })

以上代码 如果 不加scene.add(child) 控制台上打.]]></description><category></category></item><item><title><![CDATA[vue加载3D模型报错的原因以及解决方案]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/121246523</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/121246523</guid><author>workhard0905</author><pubDate>Wed, 10 Nov 2021 13:34:41 +0800</pubDate><description><![CDATA[今天在vue中加载3D模型一直报错





]]></description><category></category></item><item><title><![CDATA[three.js 学习中遇到的几个知识点整理]]></title><link>https://blog.youkuaiyun.com/workhard0905/article/details/120849731</link><guid>https://blog.youkuaiyun.com/workhard0905/article/details/120849731</guid><author>workhard0905</author><pubDate>Tue, 19 Oct 2021 17:01:53 +0800</pubDate><description><![CDATA[1、three.js 中的材质 设置lineWidth属性无效

原因是WebGLRenderer渲染器中暂不支持这个属性，只有CanvasRenderer渲染器可以支持这个属性



2.相机的lookat代表一个方向，而不是一个点



3.相机的属性修改完成之后，需要调用camera.updateProjectionMatrix()方法来更新



4.纹理加载类 ImageUtils

加载不同图片格式的一个类 THREE.TextureLoader()



5.纹理贴图的重复的方式

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