点击事件改变样式 添加按钮新增选中数据

2019-07-09  本文已影响0人  曹锦花
——————————template
   <div class="con">
      <ul>
        <li v-for="(item,index) in a" :key="index" @click="okk(index)" :class="{checked:current == index && current !== ''}">
          <p>{{item.createTime}}</p>
          <p>{{item.title}}</p>
        </li>
      </ul>
    <button @click="add() ">添加</button>
      <ul>
        <li v-for="(item,index) in tarrget" :key="index">{{item}}
        </li>
      </ul>
      <Icon type="ios-add-circle" />

   </div>
____________data
    return {
      a:{},
      current:'', 
      tarrget:[],
    }

____________methods
        add(){
              this.tarrget.push(this.a[this.current]);
              this.current='';
            },
    okk(index){
      this.current=index 
    },

__________style
li.checked{
  background: yellow;
}

上一篇 下一篇

猜你喜欢

热点阅读