利用v-for循環出的多個li標簽，點擊不同的li變換顏色

方法一

    <ul v-for="(item,index) in list" :key="index" class="details"><li ref="lisd" @click="faillist(index)" :class="{'active':ind === index}">{{item.msg}}</li></ul>data() {return {list: [{msg: "用戶管理"},{msg: "用戶列表"},{msg: "用戶輸入"},{msg: "菜單選項"}],ind:''};},methods:{faillist(index){this.ind = index}},
復制代碼

方法二

• vue項目引入jquery npm i jquery --save
  這樣全局就可以使用jquery啦。

<ul v-for="(item,index) in list" :key="index" class="details"><li ref="li" @click="faillist($event)">{{item.msg}}</li>
</ul>methods: {faillist(e) {//使用e.currentTarget獲取當前被點擊的元素let Dom = e.currentTarget;$("li").removeClass("active")$(Dom).addClass('active')console.log(Dom2)}},
復制代碼

• 這樣就實現了點擊不同的li標簽實現了變顏色

vue里面$set() 方法

作用：給data里面定義的對象添加新的屬性以及value值
語法：this.$set(this.obj,'age',24)

    data(){return {student{name:'張三'，sex:'男'}}}mounted(){this.$set(this.student.age,24)}console.log(this.student)==>{student{name:'張三'，sex:'男',age:24}}
復制代碼

• end$set() 方法