javascript - Kann js nicht in das Vue-Projekt eingeführt werden, um die Elementklasse zu steuern?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-07-05 10:42:02
0
3
932

Dies ist die Situation der Konsole im importierten js

Das passiert in Elementen

nav hat sich auch nicht geändert.
Was ist los?

曾经蜡笔没有小新
曾经蜡笔没有小新

Antworte allen(3)
仅有的幸福

没看出了问题在哪里。问问题的时候先自己缕清思路,把问题点暴露出来。

回答问题

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;
}
过去多啦不再A梦

vue 项目中必须在所要操作的元素 mounted 之后操作才能生效。晕死我了。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage