스타일을 동적으로 수정하기 위한 WeChat 애플릿 JS 구현 코드

WeChat 애플릿의 함정은 js가 스타일을 동적으로 수정할 수 있다는 것입니다. js나 jq를 사용하여 한 줄의 코드로 이를 쉽게 수행할 수 없습니다. 또는 스타일을 수정하려면 RemoveClass addClass를 사용하세요.

다음은 스타일을 동적으로 수정하는 방법으로, 데이터를 바인딩한 후 동적으로 수정하여 스타일을 동적으로 변경하는 것이 원칙입니다. 좀... 그런 느낌이 들어요, 이상해요. 하지만 우리가 할 수 있는 일은 아무것도 없었습니다. 더 좋은 방법이 있다면 댓글 영역에서 공유해 주세요.

test.wxml

<view style="text-align: center;">
 <label style="color:{{color}};">我会变色</label>
 <button bindtap="clickRed">变红</button>
 <button bindtap="clickgreen">变绿</button>
</view>

test.js

Page({
 data: {
 color: "red"
 },
 clickRed: function () {
 this.setData({
  color: "red"
 })
 },
 clickgreen: function () {
 this.setData({
  color: "green"
 })
 }
})

효과

위는 편집자가 소개한 위챗 애플릿의 JS 동적 수정 스타일 구현 코드입니다. 질문이 있으시면 메시지를 남겨주시면 시간 내에 답변해 드리겠습니다. 또한 PHP 중국어 웹사이트를 지원해 주신 모든 분들께 감사드립니다!

WeChat 애플릿 JS 동적 수정 스타일의 구현 코드와 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!