element-ui中command方法和类似的方法

最新推荐文章于 2024-06-15 17:24:56 发布

weixin_45778410

最新推荐文章于 2024-06-15 17:24:56 发布

阅读量1.7k

点赞数

文章标签： javascript vue

本文链接：https://blog.csdn.net/weixin_45778410/article/details/104903040

版权

command方法

     <el-dropdown @command="handleCommand" >
       <i class="el-icon-setting"  style="margin-right: 30px;font-size: 20px"></i>
       <el-dropdown-menu slot="dropdown">

        
         <el-dropdown-item

           command="a"
         >退出登录</el-dropdown-item>
    
       </el-dropdown-menu>
     </el-dropdown>
     `  <script>
             handleCommand(command){
  				  this.$router.push({path:"/login"})
 			 }
     </script>

List item @click.native

<el-dropdown >
       <i class="el-icon-setting"  style="margin-right: 30px;font-size: 20px"></i>
       <el-dropdown-menu slot="dropdown">
         <el-dropdown-item
          @click.native="handleCommand"
         >退出登录</el-dropdown-item>
       </el-dropdown-menu>
     </el-dropdown>
      <script>
             handleCommand(command){
  				  this.$router.push({path:"/login"})
 			 }
     </script>