首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >v-for循环基数

v-for循环基数
EN

Stack Overflow用户
提问于 2018-05-13 01:17:25
回答 3查看 608关注 0票数 0

我在数据下面有一个叫做pageCount的数字,它只是一个数字。

我尝试为每个页面输出一个带有循环编号的按钮,但是下面的"use of undefined constant n“失败了。

代码语言:javascript
代码运行次数:0
运行
复制
<button v-for="(n, i) in pageCount">{{ n }}</button>

为什么?

EN

回答 3

Stack Overflow用户

发布于 2018-05-13 09:21:28

您的代码应该可以工作,请仔细检查pageCount的值。下面是一个使用最新Vue.js版本的工作示例:

代码语言:javascript
代码运行次数:0
运行
复制
new Vue({
  el: "#app",
  data: {
    pageCount: 10
  },
})
代码语言:javascript
代码运行次数:0
运行
复制
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

<div id="app">
  <button v-for="(n, i) in pageCount">{{ n }}</button>
</div>

票数 0
EN

Stack Overflow用户

发布于 2018-05-13 01:27:16

您是否在on data键中声明了pageCount

代码语言:javascript
代码运行次数:0
运行
复制
 //HTML              {{ n }}     
代码语言:javascript
代码运行次数:0
运行
复制
//Javascript
<script type="text/javascript">
    var vm = new Vue({
        el: "#root", 
        data: {
            pageCount : [1,2,3,4,5,6]
        }


    })
</script>
票数 -2
EN

Stack Overflow用户

发布于 2018-05-13 01:38:20

我不知道你用v-表示什么,如果pageCount是一个整数,如果你只是想要pageCount,那么你可以这样做:

代码语言:javascript
代码运行次数:0
运行
复制
<button>{{ pageCount }}</button>
票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50308844

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档