首頁(yè) 猿問(wèn) 關(guān)于Vux的使用問(wèn)題

關(guān)于Vux的使用問(wèn)題

JavaScript

瀟瀟雨雨 2018-08-07 11:10:14

最近在學(xué)習(xí)vue，今天在使用Vux的時(shí)候按照官方的實(shí)例，做了一下Demo但是沒(méi)有獲得想要的效果使用的是vue-cliApp.vue中的代碼如下這個(gè)是vux中timeline的demo，但是頁(yè)面并沒(méi)有呈現(xiàn)相應(yīng)的效果，效果如下并報(bào)錯(cuò)，錯(cuò)誤信息如下在網(wǎng)絡(luò)上沒(méi)有找到多少關(guān)于Vux的內(nèi)容，所以想請(qǐng)教一下，我這么寫哪里出現(xiàn)了問(wèn)題

查看完整描述

1 回答

喵喔喔

TA貢獻(xiàn)1735條經(jīng)驗(yàn) 獲得超5個(gè)贊

看你的報(bào)錯(cuò)兩個(gè)問(wèn)題：

第一：你沒(méi)有動(dòng)態(tài)傳入color
第二：你沒(méi)有引入timeline-item

這個(gè)頁(yè)面明顯用到了兩個(gè)組件

timeline
timeline-item

你只引入了一個(gè)timeline

以下代碼經(jīng)過(guò)測(cè)試

<template>
  <div class="timeline-demo">
    <timeline :color="color">
      <timeline-item>
        <h4 class="recent">【廣東】 廣州市 已發(fā)出</h4>
        <p class="recent">2016-04-17 12:00:00</p>
      </timeline-item>
      <timeline-item>
        <h4> 申通快遞員 廣東廣州 收件員 xxx 已攬件</h4>
        <p>2016-04-16 10:23:00</p>
      </timeline-item>
      <timeline-item>
        <h4> 商家正在通知快遞公司攬件</h4>
        <p>2016-04-15 9:00:00</p>
      </timeline-item>
    </timeline>
  </div></template><script>import Timeline from 'vux/dist/components/timeline'import TimelineItem from 'vux/dist/components/timeline-item'export default {
  data () {    return {      color: '#04BE02'
    } 
  },  components: {
    Timeline,
    TimelineItem
  }
}</script><style>@import '~vux/dist/vux.css';</style>

效果如下