list里面的只能是数字吗-慕课网

list里面的只能是数字吗

来源：2-6 v-if, v-show与v-for指令

xxxxxbilibli

2018-05-10 23:23

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <script src="vue.js"></script>
</head>
<body>
   <div id="root">
      <div v-show="show">hello world</div>
      <button @click="handleClick">toggle</button>
      <ul>
         <li v-for="(item,index) of list" :key="index">{{item}}</li>
      </ul>
   </div>

   <script>
      new Vue({
         el:"#root",
         data:{
             show:true,
            list:[1,1,2]//[]换成a,b,c就显示不出列表
 },
         methods:{
             handleClick:function() {
               this.show=!this.show;
                }
         }
      })
   </script>
</body>
</html>

list：[a,b,c] 里面是非数字就显示不了这个怎么搞呢？

写回答关注

3回答

weibo_琦兒親筆_0

2018-05-11 09:28:20

已采纳
要改成类似这样，就可以显示了
```
data:{
    todos:[
      {text:'学习Javascript'},
      {text:'学习Vue'},
      {text:'整个牛项目'}
    ]
}
```
1 0

xxxxxb...

非常感谢！

2018-05-11 16:14:35

共 1 条回复 >
whattahale

2018-05-31 19:50:41

a,b,c是字符串啊！所以你数组要写成['a','b','c']

0 3
Charis_cai

2018-05-11 09:16:53

数组里面的a,b,c得是字符串才能显示呢

0 1

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146742 学习 · 657 问题

查看课程

相似问题

：index="index"是只能固定吗，就是，前后两个index都是关键字吗

回答 1

拆分组件里面接收content的属性名可以任意写还是只能用props?

回答 2

数组结果出不来啊，list提交不能显示

回答 4

Vue methods 里边的方法不能用 es6 语法吗？比如箭头函数

回答 2

v-for="item of list" 并没有循环list的元素，而是根据list的长度循环了list中所有内容，如何解决呢？

回答 3

打开慕课网App查看更多内容