javascript - weex Lors de l'extension de composants natifs, comment localiser les composants au même niveau ? Pouvez-vous masquer ou afficher un composant adjacent ?

Question

J'ai suivi le code Android et constaté qu'il était impossible d'obtenir le drapeau de classe via DomObject pour le positionnement.
＜text class="hi></text>
<my_component></my_component>
Si mon composant doit répondre à un événement ou à un geste, je dois masquer le composant texte avec la classe hi. En natif layer Peut-il être implémenté dans
Ou devons-nous déclencher l'événement js correspondant et laisser js le gérer ?

Answer 1

Obtenir des références est relativement simple :
WeexSyntaxe :

<template>
 <p>
  <text id="test">test</text>
 </p>
</template>
<script>
module.exports = {
  methods: {
   testMethod: function () {
      var top = this.$el('test')
    }
  }
}
</script>

VueSyntaxe :

<template>
 <p>
  <text ref="test">test</text>
 </p>
</template>
<script>
export default {
  methods: {
   testMethod () {
      var top = this.$refs.test
    }
  }
}
</script>

De plus, l'affichage et le masquage que vous avez mentionnés sont en fait relativement simples. Il n'est pas nécessaire d'obtenir une référence. La syntaxe Weex utilise directement if, et la syntaxe if，Vue语法直接设置v-if或v-showVue

définit directement . v-if ou v-show fera l'affaire. 🎜