


Les données du sélecteur du mini programme sont Object Array
Jun 16, 2020 am 10:34 AMLorsque nous utilisons le composant sélecteur, nous pouvons avoir des doutes sur la raison pour laquelle il y a des problèmes de rendu, ou je veux simplement obtenir la valeur chinoise, que dois-je faire ?
Couche de vue
<view>数据是json的,直接展示</view> picker使用说明: <picker mode="selector" range-key="valuess" range='{{school}}' model:value="{{currentSchool}}" bindchange="handleChange" > 当前选择 {{school[currentSchool].valuess}} </picker>
Couche logique
page({ data: { school: [ {"isNewRecord":false,"id":"2","keyss":"school","valuess":"湖南小学"}, {"isNewRecord":false,"id":"3","keyss":"school","valuess":"北京小学"} ], currentSchool: "" } handleChange(e) { console.log(e) // 如果 range是一个 Object Array形式的,那这里的value就是索引下标 let currentVal = e.detail.value // 对应的中文是 let text = this.data.school[currentVal].valuess console.log('中文-->', text) }, })
Ici, ce que nous transmettons est un objet tableau Object Type de tableau, donc lorsque nous utilisons le composant sélecteur, nous devons distinguer , la signification de ces champs, et comment obtenir la valeur
range-key nous indique quel champ est utilisé pour obtenir la valeur lors du rendu. Ce qui suit est le cas où il n'est pas spécifié s'il s'agit d'un très. structure de données simple
Semblable à : école : ["Chinois", "Math", "Musique"]
n'a pas besoin d'être spécifié pour les structures de données complexes, spécifiez les champs et WeChat nous attribuera automatiquement des valeurs
<. 🎜>Auteur : Zhiqingyu
handleChange(e) { this.setData({ currentSchool: e.detail.value }) }
Résumé
- Si vous ne souhaitez pas écrire bindchange pour modifier les données, utilisez model:
- picker. Les packages dans la balise de début et de fin sélectionnent uniquement le contenu futur. Vous pouvez N'hésitez pas à organiser et à utiliser le rendu de texte ou le rendu {{content}} ou le rendu d'affichage ou le rendu d'entrée. Vous pouvez .
- pour obtenir d'autres champs dans le tableau d'objets. Si vous ne souhaitez pas filtrer les données, utilisez le tableau d'objets. Cette structure est accessible via l'index hors travail. Il n'est pas nécessaire de créer 2 champs dans les données <.> Seulement en cliquant sur le bouton [OK] affiché dans le sélecteur, les données du sélecteur seront mises à jour
- Tutoriel recommandé : "<.>Mini-programme WeChat
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Le mini-programme Xianyu WeChat est officiellement lancé

Quel est le nom de l'applet Xianyu WeChat ?

L'applet WeChat implémente la fonction de téléchargement d'images

Comment utiliser PHP pour développer la fonction de transaction d'occasion de l'applet WeChat ?

Implémentez l'effet de menu déroulant dans l'applet WeChat

Utilisez l'applet WeChat pour obtenir un effet de changement de carrousel

Implémenter des effets de filtre d'image dans les mini-programmes WeChat

Implémenter l'effet de rotation d'image dans l'applet WeChat
