Vue全局处理undefined和null转为空白字符串
我们在处理后台返回的信息,有的时候返回的是undefined或者null,这种字符串容易引起用户的误解,所以需要我们把这些字符串处理一下。如果每个页面都单独处理,那么页面会很冗余,并且后期如果有修改容易遗漏,所以就在Vue里面添加一个全局的处理方法。Vue全局处理undefined和null转为空白字符串1.在main.js里面添加一个全局的方法// undefined和null转为空白字符串Vu
·
我们在处理后台返回的信息,有的时候返回的是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)
更多推荐
已为社区贡献2条内容
所有评论(0)