vue实现来回切换两个div

<template>
  <div class="container">
    <div class="row">
      <div class="col-lg-6 col-lg-offset-3 text-center">
        <div id="app">
          <!--<button @click="sort">排序</button>-->
          <i class="fa el-down-icon" v-show="downIcon" @click="sort">1111111111</i>
          <i class="fa el-up-icon" v-show="!downIcon" @click="sort">22222222</i>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "demo",
        data(){
          return{
            downIcon: true
          }

      },
      methods:{
        sort() {
          //根据你的downIcon判断此时的排序是升序还是降序
          //...排序方式
          this.downIcon = !this.downIcon
        }
      }

    }
</script>

最后

以上就是清秀雨为你收集整理的vue实现来回切换两个div的全部内容，希望文章能够帮你解决vue实现来回切换两个div所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。