위 챗 애플 릿 은{{}에서 함 수 를 직접 사용 하 는 방법 예제 입 니 다.

머리말
위 챗 애플 릿 개발(원생 wxml,wxcss)에서{{{}}호출 방법 으로 데 이 터 를 처리 하려 고 했 으 나 오류 가 발생 할 수 있 습 니 다.예 를 들 어 프로젝트 에서 백분율 의 계산 과 관련 되 고 js 부동 소수점 연산 은 정밀도 문제 가 발생 하여 소수 자릿수 가 너무 많 기 때문에 템 플 릿 문법 에서 값 에 대해 해당 하 는 처 리 를 하려 고 합 니 다.
1.사용

<view>¥{{(money*0.03).toFixed(2)}}   (  3%)</view>

오 류 를 보고 하면 직접 사용 할 수도 없고 js 중의 방법 을 호출 할 수도 없다.
2.해결 방안
{{}}에서 js 의 함 수 를 호출 할 수 없 으 니 어떻게 해 야 합 니까?위 챗 은 WXS(WeiXin Script),애플 릿 의 스 크 립 트 언어 로 WXML 의{{}}에서.wxs 를 호출 할 수 있 는 새로운 개념 을 제시 했다.
우 리 는.wxs 파일 을 새로 만 들 었 다.

//   es4  
var filter = {
	numberToFixed: function(value){
		return value.toFixed(2)
	}
}
//          
module.exports = {
	numberToFixed: filter.numberToFixed
}
.wxml 에 파일 가 져 오기:

<!--   .wxs   src     ,module          -->
<wxs module="filter" src="./numberToFixed.wxs"></wxs>
{{}}에서.wxs 모듈 을 호출 하 는 방법:

<view>¥{{filter.numberToFixed(money*0.03)}}   (  3%)</view>

총결산
vue 에서 애플 릿 까지 페이지 를 쓰 는 가장 큰 느낌 은 vue 가 coptute d 로 이 루어 진 처리 나 methods 방법 으로{{}에서 직접 호출 하여 일부 데 이 터 를 처리 하 는 것 이 편리 하 다 는 것 입 니 다.위 챗 이 WXS 를 출시 한 것 도 애플 릿{{}에서 js 를 직접 사용 할 수 없 는 방법의 부족 함 을 보완 한 것 입 니 다.다른 한편 으로 는 애플 릿 의 성능 을 향상 시 켜 각자 맡 았 다.
위 챗 애플 릿 이{{{}에서 함 수 를 직접 사용 하 는 것 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.위 챗 애플 릿{{}함수 내용 을 사용 하 시 려 면 이전 글 을 검색 하 시 거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 도 많은 응원 부 탁 드 리 겠 습 니 다!

좋은 웹페이지 즐겨찾기