javascript - vue項目中不能引入js來控制元素的class么?
問題描述
這是在引入的 js 中 console的情況
這是在 elements 中的情況
nav 也沒變化。這是怎么回事?
問題解答
回答1:沒看出了問題在哪里。問問題的時候先自己縷清思路,把問題點暴露出來。
回答問題
vue項目中不能引入js來控制元素的class么?
引入如jQuery之類的來操作dom是可以的
回答2:實際上,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 之后操作才能生效。暈死我了。
相關文章:
1. html - vue項目中用到了elementUI問題2. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能3. javascript - ES6標準入門中let命令提到的for循環打印i是10,如果不用let怎么替換?4. javascript - 數組的過濾和渲染5. python - 使用readlines()方法讀取文件內容后,再用for循環遍歷文件與變量匹配時出現疑難?6. JavaScript事件7. 注冊賬戶文字不能左右分離8. 對mysql某個字段監控的功能9. python - 為什么正常輸出中文沒有亂碼,zip函數之后出現中文編程unicode編碼的問題,我是遍歷輸出的啊。10. html5 - ElementUI table中el-table-column怎么設置百分比顯示。
