v-for

    0熱度

    2回答

    我嘗試使用vueJS v-for函數遍歷多維json_object。 ,但我得到以下錯誤: [Vue warn]: Error in render function: "TypeError: Cannot read property 'id' of null" 我的代碼如下所示: <tr v-for="timeblock in responseAPI"> <td>

    0熱度

    1回答

    我無法正確使用v-for指令呈現router-link。 我想要的是,我想要的側面菜單有一個鏈接,引導用戶到網頁對應的側邊菜單元素的名稱。 所以,如果元素是'HOME',它應該導致 myproject.com/HOME。 然而,不知何故,成爲 myproject.com/Campaign/Campaign/Campaign/HOME 呈現時。 我從字面上不知道發生了什麼,我在尋求幫助。 <div

    3熱度

    2回答

    每次修改用於呈現v-for列表的數組時,我都會遇到此問題。 比方說,我有三個項目的V型的列表: <ul> <li v-for="item in items"></li> <ul></ul> <ul> <li>One</li> <!-- Has focus or a specific child component --> <li>Two</li> <l

    0熱度

    1回答

    我正在學習Vue.js,並發現這個小提琴完全符合我的要求。 這裏是小提琴:https://jsfiddle.net/os7hp1cy/48/ 我綜合這一點,並正在此錯誤: invalid expression: v-for="user in users | filterBy searchKey | paginate" 所以我做了一些挖掘,我看到它已經從版本1更改爲2。但是,我不知道如何解決這個問題

    1熱度

    1回答

    我有2個計算數組,homeTeam和awayTeam。下面的代碼確實可以生成2個表格來顯示homeTeam和awayTeam,我怎樣才能簡化代碼,只創建一次表格並循環遍歷homeTeam和awayTeam。我嘗試用一​​系列['homeTeam','awayTeam]將其包裝在v-for中,但這並不奏效。計算出的作品,下面的所有作品,我只是想簡化模板。 <v-flex xs12 md6>

    1熱度

    1回答

    我有一個迭代循環的對象的陣列然後在這裏呈現一個html li項 <li class="block" v-for="(section, key) in sectionDetails"> <a href="#" tabindex="{{ key }}">Item {{ key }}</a> </li> 問題上使用v-for是key在tabindex屬性是不呈現,呈現的是{{ key }

    1熱度

    2回答

    我想用v-for的方式,它每次執行一個函數時都會產生一個新的li元素。像這樣的東西 <ul> <li v-for:"someFunction()">Function started</li> </ul> new Vue({ ... methods: { someFunction: function() { //do some stuff

    0熱度

    1回答

    我有一個數組,使用v-for呈現爲一組Vue組件。我需要使用:key=""否則Vue抱怨。 我的數組有沒有唯一標識符,所以我使用索引作爲關鍵 我的循環 <card v-for="(item, index) in questions" :question="item" :key="index">{{item}}</card> 陣列具有可以具有相同的內容 [{name:"jimmy"}, {nam

    2熱度

    1回答

    在我的Vue應用程序中,我通過一系列學校循環。每所學校都有一個名字,一系列教師數量(每個年級一個)和一系列學生數量(每個年級一個)。 以下代碼有效,但只是因爲我手動編碼了<td>。 new Vue({ el: '#app', data: { schools: [ { name: 'Lincoln', teachers: [3, 4, 1],

    0熱度

    1回答

    我想在下面的代碼中避免image值。 image是property的關鍵。我怎樣才能做到這一點 ? <tbody> <tr v-for="obj in data" :id="obj.id"> <td v-for="property in obj">{{property}}</td> </tr> </tbody>