预期的效果是
官网代码
点击(此处)折叠或打开
- <Timeline pending>
- <TimelineItem>发布1.0版本</TimelineItem>
- <TimelineItem>发布2.0版本</TimelineItem>
- <TimelineItem>发布3.0版本</TimelineItem>
- <TimelineItem><a href="#">查看更多</a></TimelineItem>
- </Timeline>
复制官网代码之后,http://www.it399.com 显示效果是
很明显不符合预期,解决办法:将Timeline改为Time-line,TimelineItem改为Timeline-Item
完整代码
点击(此处)折叠或打开
- <template>
- <Time-line pending>
- <Timeline-Item>发布1.0版本</Timeline-Item>
- <Timeline-Item>发布2.0版本</Timeline-Item>
- <Timeline-Item>发布3.0版本</Timeline-Item>
- <Timeline-Item><a href="#">查看更多</a></Timeline-Item>
- </Time-line>
- </template>
转载请注明来自 在线助手博客频道,原文链接 http://www.it399.com/blog/html/201805231405
相关推荐
总的来说,Vue-iView2是一个强大且灵活的解决方案,它结合了Vue.js的便利性和iView2的优雅设计,为开发者提供了构建专业级管理系统的高效途径。无论是新手还是经验丰富的开发者,都能从中受益,快速构建出具有专业...
利用vue-element的步骤组件el-steps实现横向时间轴,实现点击时间轴的时间节点动态的加载订单数据列表进行展示
Vue+iView自适应后台模板是一款基于Vue.js框架和iView UI组件库的高效、美观的后台管理系统模版。它专为构建支持PC端和移动端的Web应用设计,提供了丰富的功能和优秀的用户体验。以下是对这套模板及其相关技术栈的...
iView则是一个针对Vue.js设计的高质量UI组件库,提供了丰富的界面元素和便捷的交互效果,为快速构建现代化后台管理系统提供了可能。 在“vue+iview后台管理模板”中,开发者已经预先整合了这两个技术,创建了一个...
Vue.js是一个流行的JavaScript框架,它提供了构建用户界面的简洁方法,而iView则是一个基于Vue.js的UI框架,它提供了丰富的组件,可以方便地实现各种界面效果。 本文所介绍的“vue iview多张图片大图预览、缩放翻转...
我们在用Vue做前端时,经常会用到iView的UI控件,比如说日期选择器就是比较常用的。官方文档都提供了源码,但未提供设置默认值的代码。所以就得我们自己开看控件说明自己编写实现。本文档就是说明怎么在使用iView 的...
这个项目是专门针对Spring Data REST服务创建的前端应用,使用了现代前端框架Vue.js的第二版(Vue2)以及iView UI库的第三版(iView3)和基于Vue2的管理后台模板iView Admin2。本文将详细探讨这些技术栈以及它们如何...
1.使用webpac构建vue项目 2.在此过程中使用了iview-ui资源 3.使用mockjs作为前后端通信
iView后台管理系统设计源码:该项目基于Vue开发,包含198个文件,主要使用JavaScript...iView admin是一套基于Vue.js和iView UI组件库的后台集成解决方案,旨在为开发者提供一套功能完善、易于扩展的后台管理系统框架。
总的来说,Vue-iView-admin-demo是一个综合性的Web应用模板,涵盖了前端开发的多个关键知识点,包括但不限于Vue.js框架、iView UI组件、路由管理、状态管理、HTTP请求、模块化和现代JavaScript语法。这个项目对于...
在本项目中,我们主要探讨如何使用Vue.js框架与Element UI库来实现一个自定义显示的时间线组件。Vue.js是一个轻量级的前端框架,它以其简洁的API和高效的响应式设计深受开发者喜爱。而Element UI是基于Vue.js的一套...
在实际开发中,可能还会涉及到权限控制、异步加载子节点、动画效果等问题。例如,通过Vue的计算属性和watcher可以动态调整节点的显示状态;对于大量数据,可以采用懒加载策略,只在需要时请求服务器获取子节点;为了...
iview中的select和AutoComplete不能满足我的需求,故自己写。
4. **自定义Tree的节点模板**:使用`render`函数或`scopedSlots`来定义Tree节点的渲染逻辑,添加Poptip并在鼠标悬停时显示完整文字: ```html ... methods: { renderNode(h, { node, data, store }) { ...
先简单说明一下,这个Demo引入的vue,iview的方式是标签引入的,没有用到webpack之类的构建工具… 毕竟公司还在用angularjs+jq. 这也是我第一次写文章,大家看看思路就行了,要是有大佬指点指点就更好了 话不多说,先来...
Vue-iView 2.0是一个基于Vue.js的高质量前端UI组件库,专为开发者提供一套完整的后台管理系统解决方案。这个框架提供了丰富的预置组件,如表格、按钮、提示、下拉菜单等,使得开发者能够快速构建出美观且功能强大的...
iView管理是一个前端管理后台集成解决方案。 它基于Vue.js并使用UI工具包iView。
"vue-cute-timeline" 就是这样一个专门用于创建时间轴的组件,它的设计目标是提供一个可爱且易于定制的时间轴解决方案。 `vue-cute-timeline` 的核心功能是为你的应用程序添加具有吸引力的时间线展示。在项目中,...
在本项目中,“webpack+vue+iview搭建管理后台”是一个基于现代前端技术栈的后台管理系统实现。这个项目结合了Vue.js(版本2.0)的响应式框架、iView UI库(版本2.0)以及强大的模块打包工具Webpack,为开发者提供了...
"vue-cute-timeline"是专门为Vue.js设计的一款美观的时间轴组件,它可以方便地在项目中集成,为用户提供清晰的时间线视图。 该组件的设计理念是简洁和易用,通过Vue.js的数据绑定和组件化特性,开发者可以轻松地...