添加属性

如何添加给vue绑定动态的属性

• 第一种 利用三目运算符

 <tr v-for="(item,index) in datalist" 
 :key="item.id" @click="selected(index)"
 :class="{success:item.selected}" 
 :class=item.selected?success:"">
<td><input type="checkbox" v-model="item.selected"></td>
<td>{{index+1}}</td>

• 第二种 属性里边写判定表达式

 <tr :key="item.id"
     @click="selected(index)" 
     :class="{success:item.selected}">
     <td><input type="checkbox" v-model="item.selected"></td>
     <td>{{index+1}}</td>
     <tr/>

Vue 里边方法传递多个参数的时候，怎么获取的event对象

 <button 
 class="btn btn-default"
 @click="complete(index,$event)">完成</button>
 
 //利用$event 作为参数传递过去 然后方法也用$event进行接收
 
 complete(index, $event) { // 方法的简写
 onsole.log("weqwe", $event)
 }

Vue 获取节点

• 通过event事件来获取 ，默认传入函数的第一参数就是
• 通过ref 的方式来获取

<input 
type="text"
 class="form-control" 
 v-model="default_title" ref="title">

// 接收
  console.log(this.$refs.title);