>  기사  >  웹 프론트엔드  >  WeChat 미니 프로그램에서 단일 옵션을 표시하는 방법

WeChat 미니 프로그램에서 단일 옵션을 표시하는 방법

亚连
亚连원래의
2018-06-21 16:24:462871검색

이 글은 주로 무선 구성요소 이벤트 응답과 관련된 조작 기술을 포함한 WeChat 애플릿의 라디오 디스플레이 단일 옵션 기능을 소개하며, 독자들이 다운로드하여 참조할 수 있는 소스 코드가 함께 제공됩니다.

이 글 예제와 함께 WeChat 애플릿을 설명합니다. 라디오를 사용하여 단일 옵션 기능을 표시합니다. 다음과 같이 참고할 수 있도록 모든 사람과 공유하세요.

Key code

① index.wxml

<radio-group bindchange="radiogroupBindchange">
 <radio value="radio1">radio1</radio>
 <radio value="radio2">radio2</radio>
 <radio value="radio3">radio3</radio>
</radio-group>
<view>提示:{{text}}</view>

② index.js

Page({
 data:{
  // text:"这是一个页面"
  text:&#39;&#39;
 }, 
 radiogroupBindchange:function(e){
  console.log(e);
  this.setData({
   text:&#39;您选择了&#39;+e.detail.value
  })
 }
})

위 내용은 모두에게 도움이 되기를 바랍니다. 미래에.

관련 기사:

Vue에서 SPA 첫 번째 화면 로딩 최적화 정보(자세한 튜토리얼)

Angular Usage의 파이프 연산자(|) 정보

VS Code 편집기에서 선택한 텍스트 또는 코드 색상 작업 수정 정보

요청 네트워크를 사용하여 WeChat 애플릿에서 요청 작업을 수행하는 방법

VUE에서 배열 업데이트 기능을 구현하는 방법

vuejs에서 모듈 개발을 사용할 때

Vue 프로젝트를 최적화할 때 주의해야 할 점은 무엇인가요?

vue-cli에서 컴포넌트 통신을 구현하는 방법

Angular를 사용하여 메시지 컴포넌트 작성

EasyUI를 사용하여 Json 데이터 소스를 바인딩하는 방법

위 내용은 WeChat 미니 프로그램에서 단일 옵션을 표시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.