• 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("重置密码")
    }
     
  • 相关阅读:
    文件处理
    字符编码的了解以及简单的文件处理
    python list去重加set排序
    数据的类型以及内置方法
    Python 入门 Day5
    Python 入门 Day3
    Python的入门
    计算机硬件
    【0903 | Day 29】反射和内置方法
    【0902 | Day 28】绑定方法和非绑定方法
  • 原文地址:https://www.cnblogs.com/tutao1995/p/10394527.html
Copyright © 2020-2023  润新知