electron + vue + element UI = excellent desktop app感觉没有效果图是不会有人往下看的，那我们先看效果好了~目的在日常工作中，经常需要开发一些小工具用于简化流程以提升开发效率这些小工具通常都比较零碎，需要一个有效的手段将他们聚合在一起，这种手段通常是GUI而GUI的开发是很繁琐的，如果投入很多时间到开发GUI上难免本末倒置。而语言原生的GUI通常都非
1.需求：点击tab切换echarts2.所用技术：引的vue.js elementUI 切换用的是elementUI中的Tabs标签页3.遇到了几个问题： 1》报错：[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null" 2》点击切换 tabs,导致ech
转载
2024-06-14 13:28:59
219阅读
关键词：网站程序开发，界面美化，优化在当今互联网时代，网站程序开发已成为日常工作中不可或缺的一部分。除了实现功能需求，界面美化与优化也是网站程序开发中至关重要的一环。好的界面设计不仅可以提升用户体验，还可以提高网站的可用性和吸引力。本文将探讨网站程序开发中的界面美化与优化的方法和技巧。要进行界面美化与优化，我们需要了解用户的需求和习惯。通过调研和分析用户行为，我们可以得知用户对于界面的喜好和习惯。
百度查出几个 this.$nextTick(function () { this.$refs.tabs.$children[0].$refs.tablay="n...
原创
2022-07-06 11:44:22
211阅读
写在前面马上到了金三银四的时间，很多公司开启了今年第一轮招聘的热潮，虽说今年是互联网的寒冬，但是只要对技术始终抱有热情以及有过硬的实力，即使是寒冬也不会阻挠你前进的步伐。在面试的时候，往往在二面，三面的时面试官会结合你的简历问一些关于你简历上项目的问题，而以下这个问题在很多时候都会被问到在这个项目中你有遇到什么技术难点，你是怎么解决的？其实这个问题旨在了解你在遇到问题的时候的解决方法，毕竟现在
转载
2024-10-09 11:11:30
51阅读
为了使 Excel 表格中内容更醒目，重点更突出，大家通常的做法是不是，一步一步手动更改边框粗细、填充单元格颜色？ 自从 2007 版被微软注入新的能量后，拥有了超乎常表的能力，不仅一键美化表格，还能结构化引用和高级筛选，极大地提升数据分析的效率，因此我们称之为智能表格。今天就一起来学习智能表格的4大神奇之处。01 一键美化表格智能表格最为大家所熟知的就是变身能力。而让普通表
转载
2024-10-28 09:28:01
156阅读
环境：MAC一、本文目的快速搭建一个完整的项目架构二、解决问题1、多版本node管理 2、nvm安装 3、brew安装 4、Vite+Vue初始化项目 5、Router安装 6、Sass安装 7、ElementUI安装 8、Vuex安装 9、项目配置整合 10、简单页面构建、跳转、传参、保存store三、环境搭建3.1 安装NVMNVM全名node.js version management，是一
1.安装node、vue这些最基础最简单的安装的就一一省略过。1.1 axios 安装1.2安装 Element-Ui 插件1.3 安装 qs1.4 安装 Mock 2.新建一个vue工程，打开cmd cd到工程目录下，或者在文件夹选中项目工程同时按住Ctrl+shift键，右击选中的项目找到【在此处打开powershell窗口】，点击打开效果如下：执行命令：&nb
在用Fragment做Tab页面，发现有时候进入应用会同时显示多个Tab内容，UI发生重叠。当应用被强行关闭后（通过手机管家软件手动强关，或系统为节省内存自动关闭应用），再次进入应用时，每次都有这现象。第一次进入应用时，根据选择的tab分别创建对应的Fragment，之后每次选择页面时隐藏其他tab内容。通过分析发现，正常back键退出应用时，Activity及Fragment对象会被销毁，因此再
一、父传子在父组件中引入子组件在引入的子组件上写上要传递的值 如要将父组件的name传递给子组件在子组件的props中写上 props: { inputName: String, required: true }完整例子：父组件：
父组件:
子组件：
子组件:
{{inputName}}
二、子传父子组件需要触发一个事件比如click事件然后再将子组件的值传给父组件在cl
在了解了命名视图的用途后，发现用命名视图来实现复杂导航更加省力。更多知识请参考这里这里只说明重要配置内容，其他内容配置请参考上一篇初始版本：ElementUI 复杂顶部和左侧导航栏实现或参考文末提到的github上的项目代码。项目目录如下： 1、router配置（router/index.js）如下： import Vue from 'vue'
import Router from '
转载
2024-07-29 11:42:22
146阅读
目录需求描述分析及尝试效果实现需求描述最近在做使用若依的管理系统框架做项目，在做前端的一个需求的时候发现，在路由跳转时，发现的title只能设置为常量，在进行了不少的搜索依旧没找到如何将title值设置为变量的方法，可是当我需要根据点击的不同链接显示成不同的title应该怎么办呢？后来也发现了可以在vue的生命周期中做些文章，主要的思路就是将要显示的title值也作为参数通过路由传过去，再对其进行
转载
2024-04-06 10:29:34
315阅读
一、slot插槽1、简单使用可以在子组件模板中定义一个《slot》标签，作为插槽；这样在父组件模板调用子组件模板时，可以在《cpn》《/cpn》中写入东西，比如<cpn><p>我是一个p元素</p></cpn>这个时候，<p>我是一个p元素</p>就会重写插槽内的默认值； 2、具名插槽就是给每个插槽都加一个那么属性作
创建项目并引入element组件库用vue-cli脚手架创建vue项目找一个合适的文件夹，打开cmd窗口，用vue create 创建项目命令：vue create 自定项目名 vue create element-demo
-------------------------------
? Please pick a preset:
> Default ([Vue 2] bab
转载
2024-09-04 16:00:53
302阅读
今天的需求是，使用element-ui插件编写页面，点击按钮，弹出对话框，并使用父子组件传参的形式关闭对话框。一、点击按钮，出现对话框描述三个按钮：<el-row class="padding-10-0">
<el-button size="small" @click="showDialog()">组合工程</el-button>
转载
2024-04-25 10:13:04
740阅读
效果图GIF源码地址https://gitee.com/marlife/nav-tags.git
已经上传到Gitee(码云)，代码拉下来之后：
1.执行安装命令：npm install
2.执行启动命令：npm run serve
3.访问：http://localhost:8090思路思路是看了这篇文章： 1、首页的tag一开始就会存在，而且是不能进行删除的
2、当点击左侧栏的时候,如果tag
转载
2024-04-30 17:10:11
252阅读
此篇是CSS基础入门笔记，学习CSS3>>>CSS3学习笔记大全目录CSS概念浏览器前缀CSS验证工具字体样式选择器
普通选择器复台选择器交集选择器并集选择器后代选择器子元素选择器伪类选择器
链接伪类选择器:first-child伪类块行元素
块级元素(block-leve1)行内元素(inline-leve1)行内块元素(inline-block)CSS三大特
先看目标效果图 要做顶部tab栏切换，还需要配合菜单。这里主要讲tab栏的实现方式。首先为了在样式效果上实现方便，这里决定使用element-ui的el-tabs标签来做。这样只需要改下样式，其他效果例如切换动画都能保存。当然，除了el-tabs自带的删除等事件，这里还需要添加右键事件，在右键事件里面有关闭全部和关闭其他两个事件选项示例中主应用和子应用均使用history路由模式html和css先
转载
2024-06-20 12:49:39
263阅读
elementui 的tabs组件出现蓝色边框问题 /deep/ .el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: none; box-shadow: none; } 这样就简单的解决了 在项目中最好
原创
2022-09-01 17:44:05
123阅读
一、前期准备工作1.在index.js里正常导入路由 //这里的meta的comp设置，加上单引号为字符串，如果设置为路由，后续会把路由缓存进sessionStorage，缓存里面的数据是json格式， component 是一个vue文件，所以没办法解析，会报错 2.写导航菜单navmenu（开启路由模式） 3
转载
2024-06-06 13:46:20
446阅读
