vueフロントエンドnullの処理、プロジェクトでv-ifを使用して配列長を判断するのは、lengthエラーですか?

1327 ワード

説明:以前サーバー開発をしていたとき、フロントエンドの人はいつも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;
                    }
                }
        },