javascript - JS ne peut-il pas être introduit dans le projet Vue pour contrôler la classe d'éléments?

Question

C'est la situation de la console dans le js importé

C'est ce qui se passe dans les éléments

nav n'a pas changé non plus.
Que se passe-t-il ?

Answer 1

Je ne vois pas où est le problème. Lorsque vous posez des questions, clarifiez d’abord vos pensées et exposez les points problématiques.

Répondre aux questions

Js ne peut-il pas être introduit dans le projet vue pour contrôler la classe d'éléments ?

Il est possible d'introduire des outils tels que jQuery pour faire fonctionner le dom

Answer 2

En fait, il est très pratique de traiter de tels problèmes dans VueJS, voici un exemple.

Voir en ligne https://jsfiddle.net/wqbtt12c/

Le code spécifique est le suivant :

<p id="app">
  <p :class="classStr" @click="changeClass">点我</p>
</p>

const classPool = ['red', 'blue', 'yellow'];

new Vue({
    el: '#app',
  data() {
      return {
        classStr: 'red'
    }
  },
  methods: {
      changeClass() {
        this.classStr = classPool[Math.ceil(Math.random()*3.0) - 1];
    }
  }
});

#app > p {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.red {
  background: red;
}

.blue {
  background: blue;
}

.yellow {
  background: yellow;
}

Answer 3

Dans le projet vue, l'opération doit être montée après le montage de l'élément à opérer. Je me suis évanoui.