首頁  >  問答  >  主體

javascript - vue 元件資料循環

vue元件,把字串切割成陣列 然後循環輸出結果報錯

想得到下面這樣的資料

#1歲-2歲 #早餐 #快手

#var test = "1歲-2歲,早餐,快手";

<cook-tag :tags="test" />

#
Vue.component("cook-tag", {
    template: "<span class='tag-item' v-for='item in list'>#{{item}}</span>",
    data() {
        return {
            list:[],
        }
    },
    props: ["tags"],
    created(){
        this.list = this.tags.split(",") || [];
    },
})
天蓬老师天蓬老师2732 天前585

全部回覆(1)我來回復

  • 世界只因有你

    世界只因有你2017-05-18 11:04:33

    組件模板只能有一個父元素,需要把span包起來

    回覆
    0
  • 取消回覆