一、父传子在父组件中引入子组件在引入的子组件上写上要传递的值 如要将父组件的name传递给子组件在子组件的props中写上 props: { inputName: String, required: true }完整例子：父组件：
父组件:
子组件：
子组件:
{{inputName}}
二、子传父子组件需要触发一个事件比如click事件然后再将子组件的值传给父组件在cl
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通常都非
可自定义设置以下属性：标签页数组（tabPages），类型：Array<{key: string|number, tab: string, content?: string, disabled?: boolean}>，默认 []标签是否居中展示（centered），类型：boolean，默认 false标签页大小（size），类型：'small'|'middle'|'large'，默认
转载
2024-05-12 19:36:20
181阅读
在用Fragment做Tab页面，发现有时候进入应用会同时显示多个Tab内容，UI发生重叠。当应用被强行关闭后（通过手机管家软件手动强关，或系统为节省内存自动关闭应用），再次进入应用时，每次都有这现象。第一次进入应用时，根据选择的tab分别创建对应的Fragment，之后每次选择页面时隐藏其他tab内容。通过分析发现，正常back键退出应用时，Activity及Fragment对象会被销毁，因此再
在了解了命名视图的用途后，发现用命名视图来实现复杂导航更加省力。更多知识请参考这里这里只说明重要配置内容，其他内容配置请参考上一篇初始版本：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阅读
描述：在vue中，我在某个页面加载后，开启了一个定时器，但是当我，通过路由，离开页面后，我进行了销毁组件停止计时器 的操作，乍一看，这样的操作没有任何问题，但是当我去到新页面后，计时器却依然在调用，解决了很久，才发现问题所在并解决！解决前有问题的代码mounted() {
this.timer = setInterval(() => { // 在页面加载后开启一个定时器
转载
2024-06-17 19:55:14
1639阅读
创建项目并引入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阅读
播放器项目中歌曲搜素页面的首先需要在state定义搜索历史，在其中保存搜索历史state.js:
// 搜索历史：
searchHistory: [] mutations中新增改变搜索历史的方法mutations.js:
SET_SEARCH_HISTORY(state, history) {
state.searchHistory = history
}在actions中需要提
转载
2024-03-29 15:26:31
240阅读
效果图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阅读
文章目录组件介绍开发思路组件安装与使用标准用法自定义背景色和字体颜色点击和关闭的回调组件代码参数说明事件关于dxui组件库 组件介绍“Tag” 组件是一种常见的用户界面元素，通常用于显示标签或标记，以标识或分类内容、数据、选项或元素。标签通常用于给用户提供快速的视觉参考，帮助他们理解、筛选、组织或分类信息。以下是关于 “Tag” 组件的介绍和特点：标签显示:“Tag” 组件通常以文本或小图标的形
先看目标效果图 要做顶部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三大特
网上已经有很多文章了，这里不再长篇叙述，只是大概总结要点。 想了解详细内容，可以参考
原创
2022-08-05 10:55:59
1960阅读
最近在整理以前的代码，碰到了写的element-ui整合vue的项目感觉挺好用的，就用一个案例分享给大家吧。首先还是直接附上一份单独网页版的代码吧，复制导入vue.js即用，不需要后端，感受下element-ui的强大。如果想要直接的案例，不想进行简单尝试，请直接调到标题二：案例环境1. 单独网页版代码：<!DOCTYPE html>
<html lang="en">
&l
转载
2024-04-23 16:00:34
95阅读
