element-ui solt的使用

今天在写步骤条的时候，初次接触solt的用法，记录一下。
本来要自定义solt的标题内容就简单的看了一下官方文档，发现在这里没有详细介绍，自己也是百度，查看到相应的用法。
自己需求的代码

// step 实在data（）中定义的参数
// 使用solt需要用到template作为插槽，然后利用solt绑定我们在这个组件中需要自定义的名称，<template solt="name">,然后就是在里面书写html内容
<el-steps direction="vertical" space="300" align-center><el-step icon="el-icon-star-on"><template slot="title"><div class="drag_stpe"><span>{{ '[' + step.name + ']' + '-' + step.item }}</span><span>{{ step.time }}</span></div></template></el-step><el-step icon="el-icon-star-on"><template slot="title"><div class="drag_stpe"><span>{{ '[' + step.name + ']' + '-' + step.item }}</span><span>{{ step.time }}</span></div></template></el-step><el-step icon="el-icon-star-on"><template slot="title"><div class="drag_stpe"><span>{{ '[' + step.name + ']' + '-' + step.item }}</span><span>{{ step.time }}</span></div></template></el-step></el-steps>

效果：

本文链接：点击
博主个人小博客：嘿嘿
如果有帮助请多多支持博主，访问一下博主个人博客，嘻嘻。

element-ui solt的使用相关推荐

charts混合使用 elementui和e_vue模块化(echart+element ui)
最近看了下vue的框架,随手做了个项目,记录分享下技术框架: vue.js + webpack + element ui + echart 首先看下npm package.js 上面的图主要是配置 ...
Vue HTML：在Vue上写Html遇到的一些问题，html的首行缩进，html的行间距，element UI的回到顶部不显示
Vue & HTML:在Vue上写Html遇到的一些问题,html的首行缩进,html的行间距,element UI的回到顶部不显示资源: HTML 教程- (HTML5 标准) 怎么快速上 ...
vue的$nextTick使用总结，this.$refs为undefined的解决办法，element Ui的树形控件setCheckedKeys方法无法使用
vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用参考文章: (1)vue的$nextTi ...
vue页面自适应屏幕宽高_Vue+Element UI 高度实时自适应
本文章是我一个实习两个月的练习生,在项目中遇到的问题,在此记录,防治以后再踩坑!! Element ui 本身使用的Container 布局容器,组件采用 flex 布局.所以用了它的布局就可以做到宽 ...
easyui前端实现多选框_前端：Element UI 多选框组用法笔记
今天给大家分享一下Element UI 多选框组用法笔记,直接上代码! "兴趣爱好:"> "form.checkList"> for= {{item ...
Element UI级联选择器(Cascader)获取级联对象
Element UI Cascader官网文档 GIF 代码: getCascaderObj = function(val, opt){return val.map(function (value, ...
vue2.0 + element ui 实现表格穿梭框
element ui 官网里介绍了穿梭框(Transfer),但在实际使用过程中,会出现一些问题: 1.穿梭框里能放置的内容太少,不能满足复杂的业务需求. 2.当选项过多时,穿梭框很难实现分页,左右两 ...
vue + element ui 的后台管理系统框架_从零开始搭建 VUE + Element UI后台管理系统框架...
点击右上方红色按钮关注"web秀",让你真正秀起来前言后台管理系统前端框架,现在很流行的形式都是,上方和左侧都是导航菜单,中间是具体的内容.比如阿里云.七牛云.头条号.百家号等 ...
element ui走马灯怎么添加_Lovestu - Element UI 走马灯高度自适应
Element UI走马灯中,通过属性height来设置高度,但是设置就是死的,不能自适应.要自适应需要监控窗口宽度的变化. 网上别人分享的太复杂了,这儿有简单的方法实现高度自适应. 首先,确定图片的 ...
element ui 前台模板_用 Vue+ElementUI 搭建后台管理极简模板
本文由图雀社区成员https://blog.csdn.net/crxk_blog.csdn.net 写在前面此篇文章为一篇说明文档,不是教你从零构建一个后台管理系统,而是基于一个实际项目,已经搭建 ...

element-ui solt的使用

element-ui solt的使用相关推荐

最新文章

热门文章