吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 1065|回复: 7
收起左侧

[已解决] vue.js新手问题

[复制链接]
Samding 发表于 2020-2-7 02:33
本帖最后由 Samding 于 2020-2-7 14:56 编辑

[HTML] 纯文本查看 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
    <style>

    </style>
</head>
<body>
    
    <div id="app">
       <ul>
           <li v-for="fruit in fruitArr" :key="fruit.id">{{ fruit.name }}</li>
       </ul>
    </div>
    <script>
        new Vue({
            el: '#app',
            data: {
                fruitArr:[
                    {name: '香蕉', id='01'},
                    {name: '苹果', id='02'},
                    {name: '橙子', id='03'},
                    {name: '香蕉', id='04'}
                ]
            }
        })
    </script>
</body>
</html>

2.png
为什么会报错,要怎么改,求大佬解释

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

demon_lin 发表于 2020-2-7 03:31
这是js基础问题吧,对象里面你用 = 号。。。
{ name: xxx, id: xxx }
晚安程序员 发表于 2020-2-7 03:39
fyypll 发表于 2020-2-7 04:30
wxp199393 发表于 2020-2-7 07:51
js object内格式是 {key1:value1,key2:value2.....}这种方式
wuchendi 发表于 2020-2-7 08:52
                fruitArr:[
                    {name: '香蕉', id: '01'},
                    {name: '苹果', id: '02'},
                    {name: '橙子', id: '03'},
                    {name: '香蕉', id: '04'}
                ]
改成这样
kof21411 发表于 2020-2-7 09:03
js对象的定义格式错了

{key1:value1,key2:value2.....}
 楼主| Samding 发表于 2020-2-7 14:57
谢谢大家,太粗心了,并且找半天找不到
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-26 20:22

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表