vue-cli 프로젝트에서 데이터를 페이지에 렌더링할 때 데이터 처리 방법의 봉인

8206 단어
1\패키징 조건은 거짓 데이터
<script>
methods: {
	judgeNull1(data) {
	      if (data == undefined || data == null || data == "null") {
	        return "";
	      } else {
	        return data;
	      }
	}
}
</script>

<template>
	<div>
		<span> span>	
		<i>{{judgeNull1(tfcl)}}i>  	
		
		<i>{{tfcl ? tfcl : ""}}i>  	
	div>
template>


2\데이터 값이 크면 천 자리 구분자를 사용하여 사용자가 쉽게 읽을 수 있습니다
<script>
methods: {
	formatNumber(num) {
      if (num) {
        var reg = /^(\+|-)?(\d+)(\.\d+)?$/;
        if (!reg.test(num)) {
          return num;
        }
        var a = RegExp.$1,
          b = RegExp.$2,
          c = RegExp.$3;
        var re = new RegExp("(\\d)(\\d{3})(,|$)");
        while (re.test(b)) b = b.replace(re, "$1,$2$3");
        return a + "" + b + "" + c;
      } else {
        return "0";
      }
    }
}
</script>

<template>
	<div>
		<span> span>	
		<i>{{formatNumber((tfje / 100).toFixed(0))}}i>  	
	div>
template>

좋은 웹페이지 즐겨찾기