vueフロントエンドnullの処理、プロジェクトでv-ifを使用して配列長を判断するのは、lengthエラーですか?
1327 ワード
説明:以前サーバー開発をしていたとき、フロントエンドの人はいつもnullを渡さないで、nullを渡さないで、「」という空の文字列を送ってもいいと言っていました.なぜnullを伝えられないのか、あなたが判断すればいいのではないかと思っていました.
今自分が先端を開発し、バックグラウンドを開発しているとは思わなかったが、この問題に直面した.
実は本当に座るだけ!=nullでいいです.
例:
vueで計算プロパティを使用してremark:注釈テキストの表示フォーマットを変更します.文字の長さが14より大きい場合、その後の文字は..tが代わります.
しかし、バックグラウンドでremarkがnullである場合、ここではv-ifが配列長を判断するのは、lengthが間違っていると報告されます.
解决:判断する前に判断する!=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;
}
}
},