itsource

Vue js의 인스턴스 외부에서 데이터에 액세스하는 방법이중 값을 소수점 2자리로 포맷하는 가장 좋은 방법

mycopycode 2022. 8. 14. 11:41
반응형

Vue js의 인스턴스 외부에서 데이터에 액세스하는 방법

다음과 같이 인스턴스 외부에서 VM 데이터에 액세스하고 싶습니다.

마이 컴포넌트표시하다

export default {
    data() {
        return {
            name: 'Joe'
        };
    }
}

main.discloss.main.discloss.

var vm = new Vue({
    el: '#app',
    render: h => h(myComponent)
});

바람직한 결과

console.log(vm.name);   // should return - Joe

어떤 이유로 콘솔 반환이 정의되지 않았습니다.내가 뭘 잘못하고 있지?

내부에서 vue.js 객체 데이터에 액세스하려면 $property_name을 사용합니다.

var vm = new Vue({
    el: '#app',
    data() {
      return {
        name: "Kapucni",
      }
    },
  template: '<div>{{ name }}</div>'
});

// use $name .property
console.log(vm.$data.name);
console.log(vm.$el);
// calling functions from $method, etc ...
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>

<div id='app'>
  
</div>

ITTUS의 코멘트 덕분에 루트 컴포넌트가 아닌 아이 컴포넌트를 찾아야 한다는 것을 깨달았습니다.

다음과 같이 자 컴포넌트에 접근할 수 있습니다.

vm.$children[0].name

여기서 $children[0]은 루트 컴포넌트의 직접(이 경우 첫 번째) 자식입니다.

언급URL : https://stackoverflow.com/questions/57057599/how-to-access-data-from-outside-the-instance-in-vue-js

이중 값을 소수점 2자리로 포맷하는 가장 좋은 방법

어플리케이션에서 이중값을 많이 취급하고 있는데, 자바에서 10진수치 포맷을 쉽게 할 수 있는 방법이 없을까요?

더 좋은 방법은 없을까?

 DecimalFormat df = new DecimalFormat("#.##");

제가 기본적으로 하고 싶은 것은 다음과 같은 이중 값을 포맷하는 것입니다.

23.59004  to 23.59

35.7  to 35.70

3.0 to 3.00

9 to 9.00

아니, 더 좋은 방법은 없어.

사실 당신의 패턴에 오류가 있습니다.원하는 것은 다음과 같습니다.

DecimalFormat df = new DecimalFormat("#.00"); 

주의:"00"소수점 이하 2자리입니다.

사용하시는 경우"#.##"(#「옵션」의 자리수)를 의미합니다.후행 0이 드롭 됩니다.new DecimalFormat("#.##").format(3.0d);인쇄만"3",것은 아니다."3.00".

다른 방법으로는String.format:

double[] arr = { 23.59004,
    35.7,
    3.0,
    9
};

for ( double dub : arr ) {
  System.out.println( String.format( "%.2f", dub ) );
}

출력:

23.59
35.70
3.00
9.00

또,System.out.format(동일한 메서드시그니처) 또는java.util.Formatter같은 방식으로 작동합니다.

언급URL : https://stackoverflow.com/questions/8819842/best-way-to-format-a-double-value-to-2-decimal-places

반응형