zoukankan      html  css  js  c++  java
  • vue+elementui dropdown 下拉菜单绑定方法

    方法一:给el-dropdown根组件监听command ,再el-dropdown-item 绑定commandshuxing值。 methods内详细写监听对应的方法

    handleCommand(command) {
    if(command == 'loginOut'){
    this.$confirm('are you sure loginOut?', '提示', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    type: 'warning'
    }).then(() => {
    this.$message({
    type: 'success',
    message: 'loginOut成功!'
    });
    }).catch(() => {
    this.$message({
    type: 'info',
    message: '已取消loginOut'
    });
    });
    }
    // else if(command == 'resetPwd'){
    // this.$alert(
    // `<input
    // placeholder="输入名字搜索"/>`,
    // 'notice',
    // {
    // dangerouslyUseHTMLString: true,
    // showClose:true,
    // callback: action => {
    // this.$message({
    // type: 'info',
    // message: `action: ${ action }`
    // })
    // },
    // }
    // )
    // }
    },
    缺点:如果在处理事件内需要弹出表单元素,则只能使用原生html,无法使用dialog。
    方法二:给el-dropdown-item 绑定点击事件。但是无效果,需要用 @click.native=" name"  这样绑定才会有效。 
    resetPassword:function(){
    this.dialogFormVisible = true
    console.log("重置密码")
    }
     
  • 相关阅读:
    【转】Android开发中Handler的使用
    【转】关于微信开发者平台移动应用获取签名解决问题
    AndroidStudio开发工具快捷键
    进程与线程
    【转】Git常用命令
    Java中内存空间的分配及回收
    【转】Github入门教程
    周记
    本周工作内容及感想
    总结
  • 原文地址:https://www.cnblogs.com/tutao1995/p/10394527.html
Copyright © 2011-2022 走看看