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 之后操作才能生效。晕死我了。