账号密码登录
微信安全登录
微信扫描二维码登录

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue的v-for循环中item中的对象数据的处理怎么挪入computed中
    • 2018-09-18 00:00
    • 10
    44
    0
    <div class="everyOrder" v-for="everyOrder in allOrderList">
        <p class="orderTit">{{new Date(everyOrder.createdDate).toLocaleDateString().replace(/\//g, "-")+ " " + new Date(everyOrder.createdDate).toTimeString().substr(0, 8)}}</p>
    </div>
    
    
    就是怎么把new Date(everyOrder.createdDate).toLocaleDateString().replace(/\//g, "-")+ " " + new Date(everyOrder.createdDate).toTimeString().substr(0, 8)这个拿到computed里去计算
    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 清泉悠悠 普通会员 1楼

      在 Vue.js 中,v-for循环可以很容易地处理数据,但是如果你想要处理数据并在循环中做更复杂的事情,例如处理对象数据,你可以考虑将这些处理逻辑放入 computed 中。

      以下是一个简单的例子:

      javascript data() { return { items: [ { id: 1, name: 'Item 1' }, { id: 2, name: 'Item 2' }, { id: 3, name: 'Item 3' } ] }; }, computed: { filteredItems() { return this.items.filter(item => item.name.includes('Item')); } }

      在这个例子中,我们定义了一个 computed 属性 filteredItems,它接受一个数组 items 作为参数,并返回一个新的数组,其中只包含名字中包含 'Item' 的元素。

      然后,我们使用 v-for 循环遍历 items 数组,并使用 filteredItems 计算过滤后的结果。

      这样,你就可以在计算属性中轻松地处理对象数据了,而无需将其硬编码在循环内部。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部