红枫心声社区

 找回密码
 立即注册

手机动态码快速登录

手机号快速注册登录

搜索
热搜: 活动
查看: 407|回复: 0

Vue全局处理undefined和null转为空白字符串

[复制链接]

33

主题

33

帖子

219

积分

正式会员

Rank: 3Rank: 3

积分
219

活跃会员

发表于 2022-5-2 11:21:15 | 显示全部楼层 |阅读模式
我们在处理后台返回的信息,有的时候返回的是undefined或者null,这种字符串容易引起用户的误解,所以需要我们把这些字符串处理一下。

如果每个页面都单独处理,那么页面会很冗余,并且后期如果有修改容易遗漏,所以就在Vue里面添加一个全局的处理方法。

Vue全局处理undefined和null转为空白字符串

1.在main.js里面添加一个全局的方法

// undefined和null转为空白字符串
Vue.prototype.$praseStrEmpty = function(str) {
    if (typeof str === 'undefined' || str === null) {
        return "";
    }
    return str;
}

2.页面调用

   2.1视图里面调用

        <div>{{$praseStrEmpty(需要转换的字符:如item.str)}}</div>

2.2在js里面调用

       var newStr = this.$praseStrEmpty(str)
您需要登录后才可以回帖 登录 | 立即注册 手机动态码快速登录

本版积分规则

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