Vue全局处理undefined和null转为空白字符串 - 前端劝退师

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

作者: 前端劝退师

全网最懒博主

手机扫码查看

标签:

前端vue

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

我们在处理后台返回的信息,有的时候返回的是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)

分享到:
打赏
未经允许不得转载:

作者: 前端劝退师, 转载或复制请以 超链接形式 并注明出处 前端劝退师
原文地址: 《Vue全局处理undefined和null转为空白字符串》 发布于2021-1-14

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏