javascript - vue項(xiàng)目中不能引入js來(lái)控制元素的class么?
問(wèn)題描述
這是在引入的 js 中 console的情況
這是在 elements 中的情況
nav 也沒(méi)變化。這是怎么回事?
問(wèn)題解答
回答1:沒(méi)看出了問(wèn)題在哪里。問(wèn)問(wèn)題的時(shí)候先自己縷清思路,把問(wèn)題點(diǎn)暴露出來(lái)。
回答問(wèn)題
vue項(xiàng)目中不能引入js來(lái)控制元素的class么?
引入如jQuery之類的來(lái)操作dom是可以的
回答2:實(shí)際上,VueJS里處理此類問(wèn)題非常方便,舉個(gè)例子。
在線查看 https://jsfiddle.net/wqbtt12c/
具體代碼如下:
<p id='app'> <p : @click='changeClass'>點(diǎn)我</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 項(xiàng)目中必須在所要操作的元素 mounted 之后操作才能生效。暈死我了。
相關(guān)文章:
1. golang - 用IDE看docker源碼時(shí)的小問(wèn)題2. docker images顯示的鏡像過(guò)多,狗眼被亮瞎了,怎么辦?3. 前端 - @media query 使用出現(xiàn)的問(wèn)題?4. 我何時(shí)應(yīng)該在Java中使用JFrame.add(component)和JFrame.getContentPane()。add(component)5. phpstudy8.1沒(méi)集成mysql-front6. docker - 如何修改運(yùn)行中容器的配置7. 關(guān)于docker下的nginx壓力測(cè)試8. html5和Flash對(duì)抗是什么情況?9. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)!10. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題

網(wǎng)公網(wǎng)安備