`

vue使用iview Timeline 时间轴不显示渲染的效果问题解决办法

阅读更多

预期的效果是



官网代码

点击(此处)折叠或打开

  1. <Timeline pending>
  2.         <TimelineItem>发布1.0版本</TimelineItem>
  3.         <TimelineItem>发布2.0版本</TimelineItem>
  4.         <TimelineItem>发布3.0版本</TimelineItem>
  5.         <TimelineItem><a href="#">查看更多</a></TimelineItem>
  6. </Timeline>



   



复制官网代码之后,http://www.it399.com 显示效果是




很明显不符合预期,解决办法:将Timeline改为Time-line,TimelineItem改为Timeline-Item
完整代码



   

点击(此处)折叠或打开

  1. <template>
  2.         <Time-line pending>
  3.             <Timeline-Item>发布1.0版本</Timeline-Item>
  4.             <Timeline-Item>发布2.0版本</Timeline-Item>
  5.             <Timeline-Item>发布3.0版本</Timeline-Item>
  6.             <Timeline-Item><a href="#">查看更多</a></Timeline-Item>
  7.         </Time-line>
  8.     </template>



转载请注明来自 在线助手博客频道,原文链接 http://www.it399.com/blog/html/201805231405

 

分享到:
评论

相关推荐

    Vue-iview2

    总的来说,Vue-iView2是一个强大且灵活的解决方案,它结合了Vue.js的便利性和iView2的优雅设计,为开发者提供了构建专业级管理系统的高效途径。无论是新手还是经验丰富的开发者,都能从中受益,快速构建出具有专业...

    vue-timeLine.vue

    利用vue-element的步骤组件el-steps实现横向时间轴,实现点击时间轴的时间节点动态的加载订单数据列表进行展示

    Vue+iView自适应后台模板.rar

    Vue+iView自适应后台模板是一款基于Vue.js框架和iView UI组件库的高效、美观的后台管理系统模版。它专为构建支持PC端和移动端的Web应用设计,提供了丰富的功能和优秀的用户体验。以下是对这套模板及其相关技术栈的...

    vue+iview后台管理模板 它基于Vue.js并使用UI工具包iView

    iView则是一个针对Vue.js设计的高质量UI组件库,提供了丰富的界面元素和便捷的交互效果,为快速构建现代化后台管理系统提供了可能。 在“vue+iview后台管理模板”中,开发者已经预先整合了这两个技术,创建了一个...

    vue iview多张图片大图预览、缩放翻转

    Vue.js是一个流行的JavaScript框架,它提供了构建用户界面的简洁方法,而iView则是一个基于Vue.js的UI框架,它提供了丰富的组件,可以方便地实现各种界面效果。 本文所介绍的“vue iview多张图片大图预览、缩放翻转...

    前端开发VUE使用iView的DatePicker 设置默认值

    我们在用Vue做前端时,经常会用到iView的UI控件,比如说日期选择器就是比较常用的。官方文档都提供了源码,但未提供设置默认值的代码。所以就得我们自己开看控件说明自己编写实现。本文档就是说明怎么在使用iView 的...

    用于springdatarest的前端基于vue2iview3iviewadmin2制作

    这个项目是专门针对Spring Data REST服务创建的前端应用,使用了现代前端框架Vue.js的第二版(Vue2)以及iView UI库的第三版(iView3)和基于Vue2的管理后台模板iView Admin2。本文将详细探讨这些技术栈以及它们如何...

    vue+iview后台管理系统

    1.使用webpac构建vue项目 2.在此过程中使用了iview-ui资源 3.使用mockjs作为前后端通信

    vue2iview2admin基于vue2和iview2的后台管理系统

    `vue2-iview2-admin`项目是一个基于这两个技术栈的后台管理系统,旨在提供一套完整的解决方案,用于快速搭建企业级后台应用。以下是这个项目涉及到的核心知识点: 1. **Vue2**: Vue.js 2.0 是一个轻量级的前端框架...

    基于Vue的iView后台管理系统设计源码

    iView后台管理系统设计源码:该项目基于Vue开发,包含198个文件,主要使用JavaScript...iView admin是一套基于Vue.js和iView UI组件库的后台集成解决方案,旨在为开发者提供一套功能完善、易于扩展的后台管理系统框架。

    Vue-iview-admin-demo

    总的来说,Vue-iView-admin-demo是一个综合性的Web应用模板,涵盖了前端开发的多个关键知识点,包括但不限于Vue.js框架、iView UI组件、路由管理、状态管理、HTTP请求、模块化和现代JavaScript语法。这个项目对于...

    vue+elementUI实现时间线的自定义显示.zip

    在本项目中,我们主要探讨如何使用Vue.js框架与Element UI库来实现一个自定义显示的时间线组件。Vue.js是一个轻量级的前端框架,它以其简洁的API和高效的响应式设计深受开发者喜爱。而Element UI是基于Vue.js的一套...

    基于vue、iview实现tree组件可拖拽、双击编辑

    在实际开发中,可能还会涉及到权限控制、异步加载子节点、动画效果等问题。例如,通过Vue的计算属性和watcher可以动态调整节点的显示状态;对于大量数据,可以采用懒加载策略,只在需要时请求服务器获取子节点;为了...

    inputAuto.vue 基于vue+iview的搜索下拉选择组件

    iview中的select和AutoComplete不能满足我的需求,故自己写。

    Vue iview tree+poptip 鼠标移动使用气泡显示完整文字

    4. **自定义Tree的节点模板**:使用`render`函数或`scopedSlots`来定义Tree节点的渲染逻辑,添加Poptip并在鼠标悬停时显示完整文字: ```html ... methods: { renderNode(h, { node, data, store }) { ...

    vue+iview 实现可编辑表格的示例代码

    先简单说明一下,这个Demo引入的vue,iview的方式是标签引入的,没有用到webpack之类的构建工具… 毕竟公司还在用angularjs+jq. 这也是我第一次写文章,大家看看思路就行了,要是有大佬指点指点就更好了 话不多说,先来...

    vue-iview2.0.zip

    Vue-iView 2.0是一个基于Vue.js的高质量前端UI组件库,专为开发者提供一套完整的后台管理系统解决方案。这个框架提供了丰富的预置组件,如表格、按钮、提示、下拉菜单等,使得开发者能够快速构建出美观且功能强大的...

    vue+iview后台管理模板(用数据的心智去超越)

    iView管理是一个前端管理后台集成解决方案。 它基于Vue.js并使用UI工具包iView。

    vuecutetimeline一个可爱的Vuejs时间轴组件

    "vue-cute-timeline" 就是这样一个专门用于创建时间轴的组件,它的设计目标是提供一个可爱且易于定制的时间轴解决方案。 `vue-cute-timeline` 的核心功能是为你的应用程序添加具有吸引力的时间线展示。在项目中,...

    webpack+vue+iview搭建管理后台

    在本项目中,“webpack+vue+iview搭建管理后台”是一个基于现代前端技术栈的后台管理系统实现。这个项目结合了Vue.js(版本2.0)的响应式框架、iView UI库(版本2.0)以及强大的模块打包工具Webpack,为开发者提供了...

Global site tag (gtag.js) - Google Analytics