搬砖日记：vue3组件class名无法继承

最新推荐文章于 2024-09-04 16:45:29 发布
最新推荐文章于 2024-09-04 16:45:29 发布
阅读量551 收藏
点赞数
分类专栏： 搬砖日记 vue随记 文章标签： vue.js javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46221198/article/details/128233614
版权
  • 父组件引用的时候添加了个类名
    在这里插入图片描述
  • 但是在浏览器并没有看到:在这里插入图片描述
  • 查看了官网也确实是这么写的
    在这里插入图片描述
  • 试了一下别的组件也加上去了
  • 仔细对比了一下，发现组件中最外层放了俩个盒子
    在这里插入图片描述
  • 合二为一，便可以了
    在这里插入图片描述
    在这里插入图片描述

总结：

虽然vue3并没有要求组件只能有一个外盒子，但是处于规范和为了避免不必要的麻烦，还是按原来的标准规范代码吧~

阿晴熙熙
关注
专栏目录
xmi:vue3 组件库
05-27
"xmi:vue3 组件库" 是一个基于Vue3构建的自定义组件集合，旨在为开发者提供一套完整的UI解决方案，以满足他们在项目开发中的各种需求。这个组件库可能是由XMMP（可能是一个开发团队或个人的缩写）创建并维护的，他们...
vue3组件继承
gezi_yeyu的博客
04-24 4853
Vue3 "继承" 第三方组件
vue3.0 + vite + typescript, 简单的通过class类的方式进行二次封账axios
前端
01-29 1340
前言 刚写了一个关于此的项目移动端进行记录一下，哪里觉得写的不对的地方，希望各位大佬多提提宝贵的意见，废话不多说，上代码。 1、 新建文件 request.ts //引入移动端 vant UI 框架引入提示方式 import { Toast, Dialog } from "vant"; //引入路由实现跳转 import Router from "@/router/index"; //引入axios，结构出相应的方法进行使用 import axios, {AxiosInstance, AxiosReques
Vue3的多根节点组件与父子组件之间的事件继承
最新发布
lwaner的博客
09-04 1422
Vue.js 3.x 版本不再对组件的 template 选项进行“唯一根节点”的限制，而是允许 DOM 结构具备多个根节点，即下列结构的全局组件在 Vue.js 3.x 版本中是允许的。
在vue中使用export default导出的class类——指定输出类名 & 不指定输出类名 & ES模块基础用法- export用法汇总和import用法汇总
weixin_44867717的博客
06-01 8553
es6
Vue3组件化学习总结二
liushihao_的博客
08-16 293
人处理问题的方式 人面对复杂问题的处理方式： 任何一个人处理信息的逻辑能力都是有限的 所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容。 但是，我们人有一种天生的能力，就是将问题进行拆解。 如果将一个复杂的问题，拆分成很多个可以处理的小问题，再将其放在整体当中，你会发现大的问题也会迎刃而解。 认识组件化开发 组件化也是类似的思想： 如果我们将一个页面中所有的处理逻辑 全部放在一起，处理起来就会变得非常 复杂，而且不利于后续的管理以及扩展； 但如果，我们讲一个页面拆分
vue3 extends的使用
蓝色之恋love的博客
11-24 4058
此处使用extends继承element-plus中的elCascader组件，并改写options里的数据。
vue-quill:Vue 3组件的笔管编辑器
03-21
VueQuill是用于构建富文本编辑器的Vue组件，此软件包是Quill的一个薄包装，使它在Vue 3应用程序中更易于使用。 :green_heart:使用Vue 3构建：比以前更强大，更高效的框架。 :male_sign:‍:male_sign:完全打字稿： ...
mycom-vue3:vue3组件库,基于vue3.0的组件库
04-29
mycom-vue3mycom-vue3主页安装组件库npm install mycom-vue3 --save引入到vue3项目import { createApp } from 'vue'import App from './App.vue'import {mc} from 'mycom-vue3'//引入组件库import 'mycom-vue3/lib/...
vue3-components：vue3 ts组件库
02-16
Element Plus-一个Vue.js 3.0 UI库 :flexed_biceps: Vue 3.0合成API :fire: 用TypeScript编写 状态：测试版 该项目仍在大力开发中。 欢迎加入我们，并提出您的第一个请求。 特别感谢以下机构的慷慨赞助： 文献...
vueup-quill:Vue 3插件或组件的Quill编辑器
03-15
VueUpQuill Vue 3插件或组件的Quill编辑器。安装使用软件包管理器或来安装VueUpQuill。 npm install @vueup/quill --save# ORyarn add @vueup/quill用法全局安装import { createApp } from 'vue'import VueUpQuill ...
vue3 + ts + class写法 实现父子组件间的传值
baidu_39195199的博客
04-13 4238
1、父组件向子组件传值 父组件 <template> <div class="home"> <Child :parent-value="msg"></Child> </div> </template> <script lang="ts"> import { Options, Vue } from "vue-class-component"; import Child from "@/comp
Vue3 项目搭建问题 “export ‘default‘ (imported as ‘vue‘) was not found in ‘vue‘
lucker_y的博客
08-16 1453
Vue3 项目搭建问题 报错 "export 'default' (imported as 'vue') was not found in 'vue'
Vue export、import、export default详解
qq_40891322的博客
11-24 9493
Vue export、import、export default详解 一.export 一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。 用法 //输出变量用法1 export var firstName = 'Michael'; export var lastName = 'Jackson'; export var year = 1958; //输出变量用法2 var firstName = 'Michae
Vue打包时报错TyeError: Class extends value undefined is not a constructor or null
zhf_123666的博客
09-22 288
vue项目npm run build打包时报错 解决方法 执行npm add webpack@4.5.0，解决
Vue3报错：Extraneous non-props attributes (style) were passed to component but could not be automatical
热门推荐
海风依旧
11-30 1万+
Vue3报错：Extraneous non-props attributes (style) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
解决vue组件间相同命名的class样式干扰的问题
看门猫的博客
02-12 5112
解决vue组件间相同命名的class样式干扰的问题问题描述解决办法使用scoped使用scss 问题描述 比如在文件a.vue中，有以下样式： <style> . .main { height: 38px; } </style> 在文件b.vue中，有以下样式： <style> . .main { height...
Vue3:基础语法
YanHSama的博客
06-27 1146
vue3.0基础语法
Vue 3 第二十一章：组件九（组件高级特性-组件的混入和继承）
to_the_Future的博客
05-22 3111
Vue 中的组件混入和继承功能允许我们在多个组件之间共享代码，从而提高代码的可重用性和可维护性。使用混入可以让我们将多个对象合并为一个对象，使用继承可以让我们从一个已有的组件派生出一个新的组件。
数字滚动组件开发教程：Vue3版本的实现与应用
资源摘要信息:"VUE3实用组件开发合集一：数字滚动组件" 知识点: 1. Vue3框架：Vue3是流行的前端框架，相比于Vue2，它具有更好的性能、更小的体积、更强大的组合式API以及对TypeScript更好的支持。本资源合集基于...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值