javascript - vue專案中不能引入js來控制元素的class麼？

Question

這是在引入的 js 中 console的情況

#這是在 elements 中的情況

nav 也沒變化。
這是怎麼回事？

Answer 1

沒看出問題在哪裡了。問問題的時候先自己縷清思路，把問題點露出來。

回答問題

vue專案中不能引入js來控制元素的class麼？

引入如jQuery之類的來操作dom是可以的

Answer 2

實際上，VueJS處理這類問題非常方便，舉例。

在線查看 https://jsfiddle.net/wqbtt12c/

具體程式碼如下：

<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

vue 專案中必須在所要操作的元素 mounted 之後操作才能生效。暈死我了。