v-for

    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>

    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