前端vue2 常用的函数

news/2024/9/19 10:06:53/文章来源:https://www.cnblogs.com/yansunda/p/18408313

1、在el-menu开启路由模式,default-active使用动态值等于当前路由,就需要用:default-active="$route.path"

 2、阿里巴巴矢量图icfont的使用

  ①将自己需要的图标下载到矢量库对应的项目文件中

 ②更新对应的css代码,点击css代码链接,更新到本地去

 ③使用<i class="iconfont icon-guanggao"></i>使用图标.

3、去掉element的某个标签的默认width

直接使用width=""那么就不会使用默认样式,底层也不会在使用最高级的标签,使用style=""这个属性来表示最高级

例如:想要去掉el-aside的默认宽度,就不用使用!important,直接使用width=""即可

4、vue2中两个组件中传递数据

vue2中两个组件传递数据,可以用事件总线,不受层级限制.

可以参考链接https://blog.csdn.net/dream_boy_/article/details/138656403

具体为:①先创建EventBus.js,如下:

// EventBus.js文件
import Vue from 'vue';
export const EventBus = new Vue();

②在触发这个事件的地方,发送这个事件

    changeCollapse() {this.isCollapse = !this.isCollapse;EventBus.$emit('changeCollapse', this.isCollapse);},

 ③在监听事件的地方接受事件并使用其中数据

  mounted() {EventBus.$on('changeCollapse', (isCollapse) => {// 处理事件this.isCollapse = isCollapse;});

④在组件销毁前移除该事件监听

beforeDestroy() {
EventBus.$off('changeCollapse'); // 确保在组件销毁前移除事件监听
}

5、vue2中达成某一个状态后,要修改某一个div的样式,就是动态的变化style,我们可以动态绑定一个class

通过:class="{small:isCollapse}"  这个表示为当isCollapse为true的时候,small这个class中的样式就会生效。

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/795854.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

证券公司上千台服务器数据同步时,如何进行文件传输管控?

证券公司的数据中心是一个至关重要的基础设施,它承担着数据处理、存储、分析和传输等重要任务,对于保障证券公司的业务连续性、提高运营效率、降低风险等方面具有不可替代的作用。数据中心是企业数据集中的载体和支持平台,是实现数据集中的必要手段。在证券公司中,数据中心…

API接口:功能强大,应用广泛

在当今的数字化世界中,应用程序编程接口(API)无处不在,它们是现代技术架构中不可或缺的组成部分。API接口不仅连接了不同的软件系统,还促进了数据的流动和业务流程的自动化。本文将带您深入了解API接口的功能和广泛应用。一、API接口的定义 API接口是一种允许软件应用程序…

Packaging.DebUOS 专门为 dotnet 应用制作 UOS 安装包

Packaging.DebUOS 是我所在的团队开发开源的一款专门用在为 dotnet 的应用制作成为符合要求的 UOS 统信系统软件安装包的工具,此工具可以辅助开发者使用现有的工具链经过简单的配置即可完成安装包的制作Packaging.DebUOS 是我所在的团队开发开源的一款专门用在为 dotnet 的应用…

python根据关键字查找文件所在路径位置

import os import fnmatchdef find_files(directory, keyword):""" 在给定目录及其子目录中查找包含关键词的文件 """for root, dirs, files in os.walk(directory):for basename in files:if keyword in basename:# 使用 os.path.join 来确保路…

dotnet C# 设置 X11 应用窗口背景透明

本文将告诉大家如何在 X11 里面设置窗口透明不同于在 WPF 里面可以使用 AllowsTransparency 简单方便的设置透明,在 X11 里面设置窗口透明的方法比较绕。需要获取用于传入给到 XCreateWindow 的 Visual 指针,才能实现窗口透明 感谢 walterlv 大佬提供此方法,我只是代为记录的…

学习 CPF 框架笔记 了解 X11 绘制图片方法

本文记录我学习 CPF 框架的笔记,本文将记录我从 CPF 框架里面学习到的如何 X11 绘制图片的方法开始之前,先感谢小红帽开源的 CPF 框架,这是一个纯 C# dotnet 实现的跨平台 UI 框架,支持Windows、Mac、Linux系统,其中 Linux 系统方面支持国产化平台,支持龙芯、飞腾、兆芯、…

dotnet C# 警惕可空结构体的方法内部赋值无效

本文将记录一个 C# dotnet 里的一个稍微隐藏的行为,那就是如果有一个结构体存在某个的方法,此方法的作用是修改结构里面的字段或属性的值,那此时将会在可空的结构体调用此方法时,发现没有真正修改到可空结构体局部变量本身其实这个问题非常好理解,只不过可能在编写代码的时…

南沙C++信奥老师解一本通题: 1206:放苹果

​【题目描述】把M个同样的苹果放在N个同样的盘子里,允许有的盘子空着不放,问共有多少种不同的分法?(用K表示)5,1,1和1,5,1 是同一种分法。【输入】第一行是测试数据的数目t(0<=t<=20)。以下每行均包含二个整数M和N,以空格分开。1<=M,N<=10。【输出】…

ServiceMesh 1:大火的云原生微服务网格,究竟好在哪里?

1 关于云原生 云原生计算基金会(Cloud Native Computing Foundation, CNCF)的官方描述是: 云原生是一类技术的统称,通过云原生技术,我们可以构建出更易于弹性扩展、极具分布式优势的应用程序。这些应用可以被运行在不同的环境当中,比如说 私有云、公有云、混合云、还有多…

数据库容灾等级

数据库容灾等级 在信息化时代,企业的数据安全和业务连续性变得至关重要,容灾备份作为确保数据不丢失和业务不中断的重要措施备受关注。 我们通常将容灾备份分为四个等级,从最基本的本地备份到复杂的异地多活系统,每个等级的特点和适用场景各不相同。下面我们就来详细了解一…

Visual Studio 查看项目的能力

在 Visual Studio 里面,可以在项目里面通过配置 DiagnoseCapabilities 查看项目的能力。什么是项目的能力?项目的能力就是对当前项目来说,可以具备 VS 支持的功能,项目功能是确定项目类型、平台和特性的推荐方法查看项目的能力的功能只适合于框架开发者使用,用于了解当前的…

vue3 setup语法糖 扩展

安装扩展 npm i vite-plugin-vue-setup-extend 修改配置文件接下啦就可以直接在标签中写name了