ElementUI中el-result结果支持的版本

最新推荐文章于 2025-05-30 09:06:27 发布
最新推荐文章于 2025-05-30 09:06:27 发布
阅读量786 收藏 2
点赞数 11
CC 4.0 BY-SA版权
文章标签： elementui 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sinat_34849421/article/details/136170643
本文介绍了Element-UI库中Result组件的用法，展示了如何在用户操作后提供反馈，以及在实际使用中遇到的版本兼容问题。作者发现早期版本不支持该组件，需升级到2.15.4及以上版本才能正确显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这里写自定义目录标题

Result 结果

用于对用户的操作结果或者异常状态做反馈。

效果图

效果图

使用语法

<el-result icon="success" title="成功提示" subTitle="请根据提示进行操作">
	<template slot="extra">
		<el-button type="primary" size="medium">返回</el-button>
	</template>
</el-result>

实际使用

  • 当前的版本 "element-ui": "^2.15.1",

  • 在弹出框里引入el-result，宽高为0。猜测是当前版本不支持此组件
    el-result不显示

版本记录

通过查看changelog得知，2.15.4才引入el-result组件。更新版本即可
changelog

Vue+ElementUI , el-casecader级联面板参数回显
小张写bug的博客
05-24 3552
目录标题背景一、 级联面板返回的数据格式说明二、级联面板单选（解决）三、级联面板多选（妥协） 背景 ElementUI中Cascader 级联选择器组件作为Select 选择器组件的补充，可以帮助我们方便且友好的显示多层级数据的筛选。 但级联面板的返回数据在用于数据回显时，却显得比较麻烦。因此，现在将记录一下自己在做级联面板数据回显时的方案。 一、 级联面板返回的数据格式说明 通过ElementUI中在线运行工具的调试，可以看到级联面板返回给我们的结果，是一个包含从祖宗节点到选中节点完整路径的数组，如下图所
vue+ElementUI(el-pagination)+express实现分页功能（前后台）
weixin_42088314的博客
12-22 816
前台部分 1、安装elemenUI、axios： npm i element-ui -S npm install axios --save npm install vue-axios --save 在main.js中引用： import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; //样式文件单独引入 Vue.use(ElementUI); #全局注册 import axios from "ax
Vue 组件封装之 Result 结果页
杏子
10-19 4850
提交或者操作完成之后，进入一个成功或者失败的结果页。
elementui: Result 结果
qq_35191010的博客
02-22 1184
用于对用户的操作结果或者异常状态做反馈
Element UI 结果反馈组件 Result 使用指南
最新发布
gitblog_00949的博客
05-30 389
Element UI 结果反馈组件 Result 使用指南 组件概述 Result 是 Element UI 提供的一个结果反馈组件，主要用于向用户展示操作结果或访问异常状态。该组件能够清晰地呈现成功、警告、错误和信息等不同类型的反馈，帮助用户快速理解当前状态并采取相应操作。 基础用法 Result 组件提供了四种预设的图标类型，分别对应不同的操作结果状态： <el-row> &l...
element-ui result 组件源码分享
qq_37309987的博客
04-02 652
2.3 icon 属性，图标类型，类型 string，success / warning / info / error，默认 info。2.2 sub-title 属性，二级标题，类型 string，无默认值。2.1 title 属性，标题，类型 string，无默认值。3.3 subTitle 挂载，自定义二级标题。3、result 组件 slot。三、result 组件 slot。1、result 组件页面结构。一、result 组件页面结构。2、result 组件属性。二、result 组件属性。
el-result 不显示 宽高为0
SugarXiXixi的博客
01-07 2006
无论使用什么 行内样式 内联样式 等等 都无法 显示该组件的问题 考虑初始，只想到了css样式不生效，想尽方式调试 后面发现改组件没有没渲染解析为dom元素，保持原有名称 才意识到肯是组件没有引入的问题 el-result为2.15.7版本所有 项目所导入的版本为2.15.1 引入的源码也没有，该组件的痕迹 以上为版本对应组件显示的问题 ...
【区分vue2和vue3下的element UI Result 结果组件，分别详细介绍属性，事件，方法如何使用，并举例】
xiejunlan的博客
06-22 568
在 Vue 2 中，Element UI 并没有直接提供名为Result的组件。但是，在 Vue 3 的 Element Plus 中，Result组件是用来展示操作结果或状态信息的。以下是 Element Plus 中Result组件的详细介绍，以及如何在 Vue 3 中使用它。由于 Vue 2 没有该组件，我将只介绍 Vue 3 下的使用。
el-result入门学习
qq_40765784的博客
06-22 1794
el-result的入门学习
elementui中el-radio绑定事件
07-27
- *1* [点击elementui中el-radio内部的标签不触发外部的事件](https://blog.youkuaiyun.com/weixin_38680881/article/details/119352497)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...
elementui的el-container
07-28
Element UI的el-container是一个装箱容器，它的子元素只能是el-header、el-aside、el-main和el-footer，而这些子元素的父元素也只能是el-container。\[1\]在使用Element UI编写页面时，el-container通常比div更方便...
el-upload上传EXCEL【引入组件和依赖】使用elementUI的el-upload组件
elementUI中的el-upload组件是一个非常便捷实用的文件上传组件，能够快速地实现文件上传功能，同时支持拖拽上传、批量上传等功能。 ## 1.2 el-upload组件在实际项目中的应用场景 el-upload组件在实际项目中常用于...
026：vue中el-progress逆向倒计时方式显示
大剑师兰特的GIS世界
09-05 2072
在vue项目开发中，涉及到流量的使用情况，采用el-progress进度条来显示目前流量的状态。由于流量是越来越少，所以要采用逆向的方式来显示出来。el-progress示例中都是正向的方式，我们这里是做了一小部分修改，达到了想要的效果
EL表达式在页面显示不出来的问题解决
qq_39633973的博客
08-02 5400
在开发的过程中会出现el表达式显示在界面中是一段代码的形式，并不能表达出该有的含义 这种情况在开发中比较常见，主要原因是因为servlet的版本的限制了，在servlet2.5以前，el表达式默认为关闭的，这种情况下，界面显示的el 表达式为一段代码显示在界面中，这种情况下需要开发者手动开启el表达式。2.5版本以后的el表达式默认为打开的状态。不需要手动开启el表达式。 开启el表达式的...
vue插槽slot的用法
丽丽大神ing的博客
11-27 516
使用场景：父组件向子组件传递一些dom元素时 本案例中均以Deatil.vue（父组件）base-layout.vue( 子组件 ) 为例。 1.老版本的语法 在接下来所有的 2.x 版本中slot和slot-scope特性仍会被支持，但已经被官方废弃且不会出现在 Vue 3 中。 1)具名插槽 Detail.vue <template> <di...
vue中插槽slot的简单用法
Femi的博客欢迎大家
05-06 4204
父组件中定义好使用的模板 <template v-slot:extraPath> <span class='extra-path' v-if='active==0'> (填写转账信息)</span> <span class='extra-path' v-if='active==1'> (确认转账信息)&lt...
vue+element-ui el-descriptions 详情渲染组件二次封装（Vue项目）
每天都要努力学习哦~~
09-17 2479
不外乎就是渲染新增/修改的数据（由输入框变成输入框禁用），因为输入框禁用后颜色透明度会降低，显的颜色偏暗；为解决这个需求于是封装了。一般后台管理系统，通常页面都有增删改查；
vue 里面的slot属性
热门推荐
前端技术的学习整理
05-25 15万+
总结如下：深入理解VUE中的槽与槽范围写在前面VUE中关于插槽的文档说明很短，语言又写的很凝练，再加上其和方法，数据，计算机等常用选项在使用频率，使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”的想法，于是就关闭了VUE的说明文档。实际上，插槽的概念很简单，下面通过分三部分来讲，这三部分也是按照VUE说明文档的顺序来写的。进入这三部分之前，...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值