Vuejs:如何在 vuejs 中删除大括号“”

Posted

技术标签:

【中文标题】Vuejs:如何在 vuejs 中删除大括号“”【英文标题】:Vuejs: how to remove curly bracket "" in vuejsVuejs:如何在 vuejs 中删除大括号“” 【发布时间】:2020-12-19 09:20:52 【问题描述】:

我有这样的数据:


    success: true,
    message: "success",
    data: 
        schedule_id: 2,
        estimated_practice_time: "20",
        day: "0,1",
        from_time: "08:00:00,09:00:00",
        until_time: "18:00:00,19:00:00"
    

现在,这是我的结果:

我只想显示“day”的值,不带花括号,只显示

0,1

【问题讨论】:

你想把它们放在一个数组里吗? @BoussadjraBrahim 在视图或控制台中很好 整个对象是如何定义的? 对象定义如下:View.vue 在你的数据属性中你有day:'1,2'?意味着您可以像this.day一样访问它? 【参考方案1】:

你可以使用regex来实现

let a = '1,2'
a = a.replace(/[]/g, '');
console.log(a)

【讨论】:

【参考方案2】:

创建一个计算属性,您可以在其中将大括号替换为空字符串:

computed:
     customDay()
         return this.obj.data.day.replace(/[]/g,'');
   

【讨论】:

以上是关于Vuejs:如何在 vuejs 中删除大括号“”的主要内容,如果未能解决你的问题,请参考以下文章

vuejs系列教程

如何使用 vuejs 和 laravel 使用块方法上传大文件?

Vuejs大应用懒加载动态组件

vuejs学习笔记

2020年 11 大顶级 VueJS 开发工具

vuejs之过滤器(filters)的使用