wxs를 사용하여 애플릿에서 얻은 데이터를 계산하는 방법

이 글에서는 애플릿에서 wxs 계산을 이용하여 얻은 데이터를 소개합니다. 작성된 이벤트 함수는 wxs 코드를 통해 노출되고 wxml에서 호출될 수 있습니다.

애플릿은 획득한 데이터를 계산하기 위해 어떻게 wxs를 사용하나요?

획득한 데이터에는 두 개의 숫자를 소수점 두 자리로만 나누는 것과 같은 약간의 작은 계산이 필요한 경우가 많습니다.

wxs는 일반적으로 데이터 처리에 사용됩니다. WXS 코드는 wxml 파일의 태그나 .wxs 접미사가 있는 파일에 작성할 수 있습니다. 사례 1: 이 파일에서만 사용되는 모듈 정의를 사용하여 wxml에 작성

단계, 1 이 모듈을 정의하고 이벤트 처리 함수를 작성하고 노출합니다

var getEvery = function(totle,each) {   
 var eachPrice=(totle/each).toFixed(2);   
 return eachPrice; 
}  
module.exports.getEvery = getEvery;

(추천 학습: 미니 프로그램 개발)

이 코드는 wxml 파일에 작성되었습니다. 각 .wxs 파일과 태그는 별도의 모듈입니다. 각 모듈에는 고유한 독립적인 범위가 있습니다. 즉, 모듈에 정의된 변수와 함수는 기본적으로 비공개이며 다른 모듈에는 표시되지 않습니다. 모듈이 내부 비공개 변수와 함수를 외부 세계에 노출하려는 경우 module.exports를 통해서만 달성할 수 있습니다.

2단계. wxml에서 사용됨: 모듈 이름.메서드 이름(매개변수 1, 매개변수 2)

매개변수는 page.js에서

{{m1.getEvery(goods.retailPriceJia,goods.childNum)}}

입니다.

사례 2: 참조 파일 외부에서 wxs를 정의하는 것은 런타임의 기본 라이브러리 버전에 의존하지 않으며 모든 버전의 미니 프로그램에서 실행될 수 있습니다. 따라서 버전 1단계에 대해 걱정할 필요가 없습니다. .wxs 파일은 WeChat 개발자 도구에 있습니다. .wxs 파일을 마우스 오른쪽 버튼으로 클릭하여 직접 생성하고 WXS 스크립트를 직접 작성할 수 있습니다.

2단계 단일 파일 정의는 하나 이상의 변수 이름과 함수를 노출할 수 있습니다.

var filters = { 
 toFix: function (value) {   
     return value.toFixed(2)//此处2为保留两位小数  
  }
}
var filt = {  
    toFix: function (value) {    
    return value.toFixed(1)
        //此处1为保留1位小数  
    }
}
module.exports = { 
 toFix: filters.toFix,  toFixs: filt.toFix
}

.wxs 파일은 WXML의 다른 .wxs 파일이나 태그에서 참조될 수 있습니다.

3단계. 다른 페이지에서는

￥{{filt.toFixs(item.retailPriceJia)}}/个市场价：￥{{filt.toFixs(item.retailPrice)}}

를 사용하세요. 효과는 소수점 이하 두 자리를 유지함으로써 달성됩니다.

PHP 중국어 웹사이트, 수많은 무료 jquery 비디오 튜토리얼, 온라인 학습을 환영합니다!

위 내용은 wxs를 사용하여 애플릿에서 얻은 데이터를 계산하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!