首页 > 其他分享 >vue 的 name 和最外层 class命名也需要保证唯一性

vue 的 name 和最外层 class命名也需要保证唯一性

时间:2023-09-18 16:36:12浏览次数:40  
标签:vue name Ctrl 样式 class keepalive

平时为了赶工期,在画页面的时候,会复制框架里面相同样式的页面,直接Ctrl+A   Ctrl+C   Ctrl+V  然后修改字段。

这样写节省不少时间,也提高了效率。

但是是有隐患的,

首先是vue的name,挺重要的比如keepalive时候,exclude   include 的name就需要保持一致。(之前踩过坑,vue中name和router中的name不一样,导致keepalive不生效)

第二个,class的name,虽然有scope属性,但是如果一旦你的组长没开启scope的时候,样式就会相互影响,组件样式相互串。(最近踩的坑,所以要按文档写代码是没错的~)

标签:vue,name,Ctrl,样式,class,keepalive
From: https://www.cnblogs.com/zhao-qin/p/16661173.html

相关文章

  • 少年,该升级 Vue3 了!
    你好,我是Kagol。前言根据Vue官网文档的说明,Vue2的终止支持时间是2023年12月31日,这意味着从明年开始:Vue2将不再更新和升级新版本,不再增加新特性,不再修复缺陷虽然Vue3正式版本已经发布快3年了,但据我了解,现在依然还有很多业务在使用Vue2,迟迟没有升级Vue3。为......
  • Vue3深度解析:reactive和ref的区别你真的了解吗?
    Vue3中引入了CompositionAPI,其中包含了reactive和ref两个核心函数。这两个函数都是用于创建响应式数据的,但它们之间有一些区别。首先,让我们来看一下reactive函数。reactive函数接受一个普通对象作为参数,并返回一个新的响应式对象。这个响应式对象会跟踪所有属性的变化,并在属性发......
  • vue3 computed属性
    该随笔是根据b站小满zs的Vue3+vite+Ts+pinia+实战+源码+electron的视频学习写的,Vue3+vite+Ts+pinia+实战+源码+electron......
  • Spring Boot + Vue3 前后端分离 实战 wiki 知识库系统<一>---Spring Boot项目搭建
    前言:接下来又得被迫开启新的一门课程的学习了,上半年末尾淘汰又即将拉开序幕【已经记不清经历过多少次考试了】,需要去学习其它领域的技术作为考试内容,我选了springboot相关技术,所以。。总之作为男人,不能轻易言败,尽力而为,抱怨解决不了任何问题,逆境使人进步,我坚信这点,效果:在正式学习......
  • 关于getClass().getClassLoader().getResourceAsStream——转载自https://www.cnblogs
    关于getClass().getClassLoader().getResourceAsStreamInputStreamis=getClass().getClassLoader().getResourceAsStream("helloworld.properties");getClass():取得当前对象所属的Class对象getClassLoader():取得该Class对象的类装载器类装载器负责从Java字符文件将字符流读......
  • Spring Boot&Vue3前后端分离实战wiki知识库系统<十三>--单点登录开发二
    接着SpringBoot&Vue3前后端分离实战wiki知识库系统<十二>--用户管理&单点登录开发一继续往下。登录功能开发: 接下来则来开发用户的登录功能,先准备后端的接口。后端增加登录接口:1、UserLoginReq:先来准备用户登录的请求实体:packagecom.cexo.wiki.req;importjavax.validation.co......
  • 【Vue】el & data的这些细节你知道吗
    hello,我是小索奇,精心制作的Vue教程持续更新哈,花费了大量的时间和精力,总结拓展了很多疑难点,想要学习&巩固&避坑就一起学习叭~el与data的两种写法el共有2种写法el表达式主要用来在模板中展示数据,它可以输出简单的变量值,也可以调用方法。语法是${表达式}创建Vue实例对象的时候配......
  • 奇诡的java.lang.NoClassDefFoundError错误
    13:41:05.570[http-nio-8888-exec-40]ERRORo.a.c.c.C.[.[.[.[dispatcherServlet]-[log,175]-Servlet.service()forservlet[dispatcherServlet]incontextwithpath[]threwexception[Filterexecutionthrewanexception]withrootcausejava.lang.NoClassD......
  • springboot vue电子班牌系统源码,以云平台、云服务器为基础,融合课程管理、物联控制、
    随着时代进步,数字信息化不断发展,很多学校都开始了数字化的转变。智慧校园电子班牌系统是电子班牌集合信息化技术、物联网、智能化,电子班牌以云平台、云服务器为基础,融合了班级文化展示、课程管理、物联控制、教务管理、考勤管理、素质评价、资源管理、家校互联等一系列应用。实现了......
  • vue elementplus 使用cellRenderer重写单元格,滑动滚动条渲染复选框出现错误
    使用elementplus的虚拟表格,动态加载表头的时候,第一列为复选框;但是在滚动滑动条的时候出现了一个奇怪的现象;我选择了4和5,当我滑动滚动条的时候如下: 像是复选框跟着在动; 通过跟踪代码,查出问题;在cellRenderer中打印checked的值发现问题,大滚动的时候,打印出来的都是undefined,渲......