Comment utiliser les constantes des méthodes Vue dans les modèles Vue pour afficher des résultats constants ?

Question

J'ai ce composant d'alerte et dans le champ body j'essaie d'utiliser const "item". Le const "item" est dans la méthode Vue, est-il possible d'obtenir le résultat const "item" dans ce champ du corps d'alerte ? J'ai essayé {item} {{item}} sans succès. Merci

<alert
        v-if="warning"
        :show-alert="showAlert"
        :options="{
          body: "message" {item} {{item}}
        }"
        color="#ffc107"
        style="max-width: 670px; width: 100%;"
        @input="showAlert = false"
      />
...


export default {
  data () {
return {
  warning: '',
  showAlert: true,
  item: null
}


},

...

methods: {
const item = result.hits[0].refs.id[0]

...

Answer 1

Ma réponse est non, pourquoi devrions-nous lier des constantes dans les modèles HTML ? Parce que vous avez déjà une propriété item dans votre objet de données. Au lieu d'attribuer la valeur dans const, vous pouvez mettre à jour la valeur de l'élément dans cette propriété.

Par exemple : this.item = '项目值' 而不是 const item = '项目值'