Vue实现点击箭头上下移动效果

 

  

   
{{item.name}}
     //i↓
    ↑
   
  
 
 

$set（检测数组的变动）

附录：vue点击实现箭头的向上与向下

html代码

vue .js部分

 var vm = new Vue({
    el:'#app',
    data:{
      
      show:true,
      
    },
    methods:{
      ptOpenDowOrUp:function () {
       vm.show = !vm.show

      },
      
    }
  })

总结

到此这篇关于Vue实现点击箭头上下移动效果的文章就介绍到这了,更多相关vue 点击箭头上下移动内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！