vue v-html宽度,vue 前端对null的处理，项目中使用v-if判断数组长度是，length报错？...

说明：以前做服务器开发的时候，前端人员总是说，不要传null过来，不要传null过来，传“”空字符串过来都可以。当时就想，为啥不能传null，你前端做下判断不就行了吗。

没想到现在自己既开发前端，又开发后台，就遇到了这个问题。

其实真的就是坐下 ！=null就可以了。

例子：

{{changeRemarkLength(scope.row.remark)}}

computed:{

changeRemarkLength(){

return function (text) {

if(text.length > 14){

return text.slice(0,14)+"...";

}else{

return text;

}

}

},

}

在vue中用一个计算属性改变  remark：备注  文本的显示格式。如果字符长度大于14，之后的字符用。。。t代替。

但是如果后台传的是  remark为null，那这里就会报 ： v-if判断数组长度是，length报错

[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of null"

解决：在判断之前在判断下 ！=null就行了

changeRemarkLength(){

return function (text) {

if(text!=null && text.length > 14){

return text.slice(0,14)+"...";

}else{

return text;

}

}

},