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
211阅读
百度查出几个 this.$nextTick(function () { this.$refs.tabs.$children[0].$refs.tablay="n...
原创
2022-07-06 11:44:22
208阅读
写在前面马上到了金三银四的时间，很多公司开启了今年第一轮招聘的热潮，虽说今年是互联网的寒冬，但是只要对技术始终抱有热情以及有过硬的实力，即使是寒冬也不会阻挠你前进的步伐。在面试的时候，往往在二面，三面的时面试官会结合你的简历问一些关于你简历上项目的问题，而以下这个问题在很多时候都会被问到在这个项目中你有遇到什么技术难点，你是怎么解决的？其实这个问题旨在了解你在遇到问题的时候的解决方法，毕竟现在
转载
2024-10-09 11:11:30
51阅读
electron + vue + element UI = excellent desktop app感觉没有效果图是不会有人往下看的，那我们先看效果好了~目的在日常工作中，经常需要开发一些小工具用于简化流程以提升开发效率这些小工具通常都比较零碎，需要一个有效的手段将他们聚合在一起，这种手段通常是GUI而GUI的开发是很繁琐的，如果投入很多时间到开发GUI上难免本末倒置。而语言原生的GUI通常都非
在用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
312阅读
创建项目并引入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阅读
一、slot插槽1、简单使用可以在子组件模板中定义一个《slot》标签，作为插槽；这样在父组件模板调用子组件模板时，可以在《cpn》《/cpn》中写入东西，比如<cpn><p>我是一个p元素</p></cpn>这个时候，<p>我是一个p元素</p>就会重写插槽内的默认值； 2、具名插槽就是给每个插槽都加一个那么属性作
今天的需求是，使用element-ui插件编写页面，点击按钮，弹出对话框，并使用父子组件传参的形式关闭对话框。一、点击按钮，出现对话框描述三个按钮：<el-row class="padding-10-0">
<el-button size="small" @click="showDialog()">组合工程</el-button>
转载
2024-04-25 10:13:04
737阅读
效果图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阅读
先看目标效果图 要做顶部tab栏切换，还需要配合菜单。这里主要讲tab栏的实现方式。首先为了在样式效果上实现方便，这里决定使用element-ui的el-tabs标签来做。这样只需要改下样式，其他效果例如切换动画都能保存。当然，除了el-tabs自带的删除等事件，这里还需要添加右键事件，在右键事件里面有关闭全部和关闭其他两个事件选项示例中主应用和子应用均使用history路由模式html和css先
转载
2024-06-20 12:49:39
263阅读
此篇是CSS基础入门笔记，学习CSS3>>>CSS3学习笔记大全目录CSS概念浏览器前缀CSS验证工具字体样式选择器
普通选择器复台选择器交集选择器并集选择器后代选择器子元素选择器伪类选择器
链接伪类选择器:first-child伪类块行元素
块级元素(block-leve1)行内元素(inline-leve1)行内块元素(inline-block)CSS三大特
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阅读
如何用思维导图提高工作效率Hello, 大家好，我是Jack，今天给大家分享一篇如何用思维导图提高工作效率的文章。上次在微信群里讨论了关于思维导图的事情，当时气氛还是蛮热烈的，当时我说写下思维导图使用经验的，不知不觉就忘记了。昨天师师在群里又提醒了我下，那我就今晚写下吧，今晚找到了一些在深圳的工作状态，我觉得应该是连续三天大晴天的原因，哈哈，晒完了太阳，整个人吸收了很多能量，可以输出
转载
2024-05-03 18:11:35
128阅读
在el-tabs上设置stretch=true
原创
2022-03-02 11:10:31
5597阅读
可自定义设置以下属性：标签页数组（tabPages），类型：Array<{key: string|number, tab: string, content?: string, disabled?: boolean}>，默认 []标签是否居中展示（centered），类型：boolean，默认 false标签页大小（size），类型：'small'|'middle'|'large'，默认
转载
2024-05-12 19:36:20
177阅读
ElementUI：修改tabs标签鼠标悬浮和选中标签
原创
2021-08-31 17:49:31
3106阅读
