账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    不使用v-for如何循环出数组的内容？
    54
    0 
    <!DOCTYPE html>
<html lang="cmn-hans">

<head>
    <meta charset="utf-8">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <script src="../assets/js/vue.js"></script>
    <title>computed 计算属性</title>
</head>

<body>
    <h3>computed 计算属性</h3>
    <hr>
    <div id="app">
        {{newPrice}}
        <br> {{newslist}}
    </div>
    <script>
    //   var    newsList =[
    //     { title: '香港或就“装甲车被扣”事件追责 起诉涉事运输公司', date: '2017/3/10' },
    //     { title: '日本第二大准航母服役 外媒：针对中国潜艇', date: '2017/3/12' },
    //     { title: '中国北方将有明显雨雪降温天气 南方阴雨持续', date: '2017/3/13' },
    //     { title: '起底“最短命副市长”：不到40天落马，全家被查', date: '2017/3/23' },
    // ];
    var app = new Vue({
        el: "#app",
        data: {
            price: 100,
            newsList: [
                { title: '香港或就“装甲车被扣”事件追责 起诉涉事运输公司', date: '2017/3/10' },
                { title: '日本第二大准航母服役 外媒：针对中国潜艇', date: '2017/3/12' },
                { title: '中国北方将有明显雨雪降温天气 南方阴雨持续', date: '2017/3/13' },
                { title: '起底“最短命副市长”：不到40天落马，全家被查', date: '2017/3/23' },
            ],
        },
        computed: {
            newPrice: function() {
                return this.price = '￥' + this.price + '元';
            },
            newslist: function() {
                for (var i = 0; i < this.newsList; i++) {
                    return '<li>' + this.newsList[i].title + '-' + this.newsList[i].date + '</li>';
                }
            }
        }
    })
    </script>
</body>

</html>

    希望循环输出newsList的内容。应该怎么写呢？另外，倒序排序reverse()好像也不对

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 怀沐 普通会员 1楼

      在Vue中，如果你不想使用v-for循环来遍历数组，你可以使用map()函数。map()函数会遍历数组中的每个元素，并对每个元素执行指定的函数。下面是一个例子：

      ```javascript var array = [1, 2, 3, 4, 5];

      array.map(function(item) { return item * 2; }).join(''); ```

      在这个例子中，map()函数遍历数组中的每个元素，并对每个元素执行item * 2这个函数。这个函数会将item乘以2，并返回结果。然后，join('')函数会将所有返回的值连接成一个字符串。

      注意，这种方法只能遍历数组的索引。如果你想遍历数组的所有元素，你可能需要使用for循环或者其他方法。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部