javascript - vue項目中不能引入js來控制元素的class么？

問題描述

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

這是在 elements 中的情況

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

問題解答

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

回答問題

vue項目中不能引入js來控制元素的class么？

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

實際上，VueJS里處理此類問題非常方便，舉個例子。

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

具體代碼如下：

<p id='app'> <p : @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;}回答3：

vue 項目中必須在所要操作的元素 mounted 之后操作才能生效。暈死我了。