Dies ist die Situation der Konsole im importierten js
Das passiert in Elementen
nav hat sich auch nicht geändert. Was ist los?
没看出了问题在哪里。问问题的时候先自己缕清思路,把问题点暴露出来。
回答问题
vue项目中不能引入js来控制元素的class么?
引入如jQuery之类的来操作dom是可以的
实际上,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; }
vue 项目中必须在所要操作的元素 mounted 之后操作才能生效。晕死我了。
没看出了问题在哪里。问问题的时候先自己缕清思路,把问题点暴露出来。
回答问题
引入如jQuery之类的来操作dom是可以的
实际上,VueJS里处理此类问题非常方便,举个例子。
在线查看 https://jsfiddle.net/wqbtt12c/
具体代码如下:
vue 项目中必须在所要操作的元素 mounted 之后操作才能生效。晕死我了。