weixin_46221897的博客

原创 el-select 全屏后下拉选项框不显示【全网唯一处理办法】

el-select 全屏时遇到的 "巨坑"

原创 手动挂载vue文件，并获取挂载后的vue文件DOM元素

原创 Git 踩坑

gitee内公钥相关内容配置完成后，使用sourceTree提交代码或其他操作远程仓库的行为会报以下错误解决办法

原创 Canvas元素不接收鼠标事件处理办法

遇到的问题是:拖拽调整宽度的过程中右侧内容为canvas鼠标移入便不执行mousedown事件，导致拖拽过程中断断续续,影响用户体验。解决办法：通过事件动态为canvas元素设置 pointer-events 属性。

原创 vue computed计算属性内如何接参，并使用this指向vue实例

我们经常用到的vue计算属性，内并不能直接使用this，并指向vue实例。导致用的过程中会比较麻烦。下面是其中一种解决办法，仅供参考！这边运行之后打印结果,就直接拿到了我们想要的数据，可以根据实际业务需求进行过滤。以下是开发过程中经常遇到的场景，需要根据参数不同展示不同状态。

原创 Dhtmlx Gantt 常用方法及基本配置合集(持续更新)

甘特图基本配置甘特图扩展功能gantt.plugins({ tooltip: true, quick_info: true,// 快速信息框 // multiselect: true,// 激活多任务选择 });甘特图任务悬浮框位置 gantt.config.tooltip_offset_x = 10; gantt.config.tooltip_offset_y = 30;激活列表展开（折叠）功能gantt.config.open_

原创 Dhtmlx Gantt自定义图表列

Dhtmlx Gantt内置图表列一般是标题，开始时间，结束时间，间隔天数。当然每个项目的需求是不一样的，有些时候需要自定义一个图表列。下面我们来自定义一个进度列。根据官方API文档可知

原创 Element UI 请求拦截器（异步请求时显示请求中..）

前端页面为了更加迎合用户的需求，带来很好的用户体验。但有的时候，获取数据量太大的话，页面没有任何提示，用户体验不是很好。所以这里我用到这个Element UI其中的模块，完善了一下用户交互效果。...

原创 Dhtmlx Gantt中lightbox如何自定义name值

如以下Dhtmlx源码所示该文件位置:node_modules\dhtmlx-gantt\codebase\dhtmlxgantt.jslabels: { new_task: "新任務", icon_save: "保存", icon_cancel: "关闭", icon_details: "详细", icon_edit: "编辑", icon_delete: "删除", confirm_

原创 Dhtmlx Gantt如何LightBox自定义表单元素

首先先起一个基本Dhtmlx Gantt的基本项目。以下代码可做参考。以上是基本dhtmlx gantt的使用方法。接下来主要说明dhtmlx gantt 自定义表单控件的使用方法。具体内容可查看官网：Creating Custom Element Gantt Docs首先，需要定义一个表单控件的相关属性值...

原创 Vue中获取method方法return返回值

使用Vue框架的同时，各种需求也随之增加，遇到一个需求需要使用method中return返回。但多次返回的数据为undefined。查阅资料发现方法不太正确。使用以下方法即可获取：

原创 动态修改 DHTML Gantt甘特图皮肤样式

初始化一个DHTML Gantt甘特图的皮肤默认为Teracce Skin现在项目有一个需求通过按钮动态修改甘特图主题（皮肤），在官网提供的API不难发现修改样式办法。说到底，只是改变CSS样式文件。这里我查阅了官网论坛找到了这个方法。或者用以下方法（此项目为Vue）修改css文件...

原创 Element UI中 NavMenu 导航菜单控件下拉选项框宽度设置

今天开发的时候遇到了一个怎么也想不到的问题，下面就来说说这个 "坑".

原创 Vue启动本地（.exe）文件

https://segmentfault.com/a/1190000021368336

原创 Element UI中 el-menu 组件 index 动态传参报错

在这里保存原因是 index 为String属性，但传入的值为 Number 类型<el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" > <el-menu-item v-for="(item,index) in ExportBoxNav"

原创 Vue富文本编辑器(iceEditor)集成

官方文档:https://gitee.com/iceui/iceEditorhttps://gitee.com/iceui/iceEditor使用方法: 配置文件这块当然离不开 CV大法 啦! 官网复制粘贴，自行筛选想要添加的功能.

原创 Vue点击按钮弹出独立页面(弹出窗口)

话不多说上代码Html<template> <div style="padding:10px 20px 0 20px;"> <el-button class="wp-but" @click="Popup">catia</el-button> </div></template>Js<script> export default { data() {

原创 Element UI 文本域禁止手动拉伸

一句css解决问题Html<el-input v-model="content" //双向数据绑定 class="stretchNone" //类名 type="textarea" //类型 maxlength="40" //字数限制 placeholder="" //默认显示内容 style="height:100%;" />CSS::v-deep.stretchNone{ .el-textarea__inner

原创 Element UI 日期选择器icon图标快速调整

首先我们先引入 Element UI 的日期选择器组件<el-date-picker class="wp-date-range" v-model="updateDateRange" type="daterange" range-separator="~" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>引入该组件发现图标在左，接下来隐藏左侧图标::v-deep

原创 Node.js接口（简单制作前后台交互效果）

接下来，我们来制作一个简单的前后台页面交互效果制作，其中用到的技术分别是HTML,CSS,JS,Node.js,Ajax。接下来由我来带大家制作。制作HTML页面 首先需要用到简单的HTML搭建一个HTML的页面这个页面中有一个输入框与一个提交按钮。 为HTML页面添加简单的CSS样式（为了美观，可以不用添加） 然后开始书写JS相关代码（重要） 首先，我们需要通过JS代码来获取文本框，与按钮。这里用到了docum..

原创 Node.js框架express详解---------阶段一

express框架 是基于Node.js平台，快速，开放，极简的WEB开发框架 下载方式：npm install express 创建WEB服务器 创建方式： 1，引入第三方模块 const express = require（“express”）； 2，创建WEB服务器 const app = express（）； 3，设置服务器端口号 app.listen（端口号）； 路由 路由的三要素：请求的方法（get / post）；请求的URL；.

原创 前端学习框架 - 数据库

项目流程---- 数据库 ---- JS基础 ---- 服务器端开发项目流程项目常用快捷键： Windows + d 显示/隐藏桌面 Windows + e 打开“文件资源管理器” Windows + r 打开“运行窗口” calc 计算器 cmd 终端（命令行） mspaint 绘图 软件工程 含义： 在保证软件的质量,工期的前提下，开发出具有时效...