javascript - Tidak bolehkah js diperkenalkan ke dalam projek vue untuk mengawal kelas elemen?

Question

Inilah keadaan konsol dalam js yang diimport

Inilah yang berlaku dalam unsur

nav juga tidak berubah.
Apa yang sedang berlaku?

Answer 1

Saya tidak nampak di mana masalahnya. Apabila bertanya soalan, mula-mula jelaskan pemikiran anda dan dedahkan titik masalah.

Jawab soalan

Tidakkah js boleh diperkenalkan ke dalam projek vue untuk mengawal kelas elemen?

Adalah mungkin untuk memperkenalkan alat seperti jQuery untuk mengendalikan dom

Answer 2

Malah, ia adalah sangat mudah untuk menangani masalah sedemikian dalam VueJS, berikut adalah contoh.

Lihat dalam talian https://jsfiddle.net/wqbtt12c/

Kod khusus adalah seperti berikut:

<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

Dalam projek vue, operasi mesti dipasang selepas elemen yang akan dikendalikan dipasang. saya pengsan.