el-descriptions引入代码中label不生效问题

最新推荐文章于 2024-05-06 21:48:32 发布
最新推荐文章于 2024-05-06 21:48:32 发布
阅读量2.6k 收藏 1
点赞数 1
分类专栏： 前端 笔记 vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41451744/article/details/128677917
版权
笔记 同时被 3 个专栏收录
55 篇文章 1 订阅
订阅专栏
前端
20 篇文章 0 订阅
订阅专栏
vue
14 篇文章 0 订阅
订阅专栏

问题描述：把官网上的示例直接复制到代码里，页面上只显示信息描述，没有label信息。F12可以查看到错误信息（未注册组件等描述）

查找问题
一：查看项目里引用的element ui 版本，有可能是版本过低，使用的 版本不包含Descriptions 描述列表 该组件。
在这里插入图片描述
二：如果版本没有问题，查看项目里引用element ui的方式，是按需引用还是全部引入，如果项目里是按需引入，就在配置的文件里添加上该组件的引用，例如下图添加示例：
在这里插入图片描述
都没有问题之后，页面的label,就会显示出来了
在这里插入图片描述

冷冷清清中的风风火火
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Enchantment-Descriptions:在工具提示上显示关于结界的描述
05-14
附魔说明 在工具提示上显示有关附魔的描述。 增加支持 这个mod使用简单的格式来描述结界。 您可以通过向您的语言文件添加翻译键来使用该格式添加对此mod和其他版本的支持。 格式为enchantment.MODID.ENDID.desc= 。 Maven依赖 如果您使用管理依赖项，则将以下内容添加到build.gradle文件中。 确保用正确的版本替换该版本。 所有版本都可以查看。 repositories { maven { url 'https://maven.blamejared.com' } } dependencies { // Example: compile "net.darkhax.enchdesc:EnchantmentDescriptions-1.16.4:5.0.4" compile "net.darkhax
＜el-descriptions＞无法使用的问题
iFfy的博客
06-16 4807
无法使用的问题
前端那些事20240119-前端那些事-element组件之el-descriptions
qq_41632427的博客
03-04 421
【代码】前端那些事20240119-前端那些事-element组件之el-descriptions。
(vue)el-descriptions 描述列表无效
nyf_unknow的博客
10-17 1428
原因：element 的版本不够。解决：运行下面两个命令。
element ui Descriptions 组件无法显示样式 未渲染
u011307484的博客
04-12 8932
解决 element ui Descriptions 组件无法显示样式 未渲染
解决el-descriptions的label-class-name不生效问题
一只没有脚的鸟
06-20 2687
解决el-descriptions的label-class-name不生效问题
解决vue报错Unknown custom element: ＜el-descriptions＞ - did you register the component
老电影故事的博客
04-02 3449
报错如图所示 报错原因 原因是因为 组件是 element-ui 2.15.6 之后才开始更新的，如果你的项目用的是 2.13.5 版本，那么加载 组件就会报错。 解决办法 将 element ui 更新到最新版本即可。 // 使用git命令 npm uninstall element-ui npm i element-ui -S 完事！！！ ...
vue+element:el-descriptions组件,自定义图片，适配移动端
LDo135的博客
06-22 6617
element-ui Descriptions （描述列表）加入展示图片
60000-documented-ufo-sightings-with-text-descriptions-and-metada
03-29
最近在学Hadoop,其中需要用到一些数据集。这个UFO数据集是《Hadoop Beginner's Guide》书上使用的例子，但是按书上提示以及下载不到这个数据集。搜了好久才弄到，现在分享出来
star-wars-descriptions
03-06
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递性依赖项（w
q2a-tag-descriptions:为标签页中的标签和描述添加标题和图标。 这个插件对于 Q2A 的 SEO 必不可少
06-23
Q2A 标签说明 描述 这个Question2Answer插件允许添加 HTML 描述到标签页面，以及标题和图标来标记链接。 这个插件最初是由 Gideon Greenspan 在中。 我刚刚添加了一些很酷的功能： 新的功能 向标签添加标题（它将在标签的标题属性中使用title字段而不是description字段） 将图标添加到标签（图标图像将显示在标签链接内，其大小可以在管理选项页面中设置） 它支持标签描述中的 HTML（可以在插件选项页面中禁用），因此您可以在每个标签的页面中添加图像、链接等 它在 Q2A 的“标签”页面中应用相同的规则 css 类“qa-tag-description”被添加到标签的描述容器中，以便于设置样式 安装 下载文件并将其解压缩到您的插件文件夹（例如qa-plugins/q2a-tag-description ）。 在 Q2A 中，转到Admin > P
简洁描述列表网页模板
01-22
简洁描述列表网页模板
三、VUE数据代理
D_A_I_H_A_O的博客
04-29 559
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
前端Vue 后端FastApi 跨域 CORS
weixin_44656422的博客
05-06 124
前端是localhost:3000,后端是localhost:8000 ，就是跨域了。
vue 快速入门 系列 —— 玩转 CMS
ZL4120505的博客
04-29 794
例如 src/layouts/BasicLayout.less，里面包含一些基本布局的样式，被 src/layouts/BasicLayout.vue 引用，项目中使用这种布局的页面就不需要再关心整体布局的设置。好比中医发展了好几千年，许多本源的东西老中医也是不清楚的，但我们摸索出一套规则，按照这个能治病，这个就很好。.clearfix() 混合器定义了清除浮动的样式。组件相关的样式，有一些在页面中重复使用的片段或相对独立的功能，你可以提炼成组件，相关的样式也应该提炼出来放在组件中，而不是混淆在页面里。
vue中的async
最新发布
三三木木七的博客
05-06 171
在使用 async 关键字声明的函数内部，可以使用 await 关键字来等待一个 Promise 对象解析。这样可以使代码更加清晰和易于理解，因为它们使异步代码看起来更像同步代码，避免了回调地狱。
el-descriptions样式标签右对齐
01-23
要将el-descriptions的标签右对齐，可以使用以下方法： 1. 使用CSS样式将标签右对齐： ```html <el-descriptions label-position="right"> <el-descriptions-item label="Label 1">Value 1</el-descriptions-item> <el-descriptions-item label="Label 2">Value 2</el-descriptions-item> </el-descriptions> ``` 2. 使用自定义类名来设置标签右对齐的样式： ```html <el-descriptions :label-class-name="'my-label'"> <el-descriptions-item label="Label 1">Value 1</el-descriptions-item> <el-descriptions-item label="Label 2">Value 2</el-descriptions-item> </el-descriptions> ``` ```css .my-label { text-align: right; } ``` 这两种方法都可以将el-descriptions的标签右对齐。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值