美文网首页
vue mint-ui message-box获取输入框的值

vue mint-ui message-box获取输入框的值

作者: 云中一樵夫 | 来源:发表于2017-08-24 20:29 被阅读0次

    Message Box

    打开 alert 提示框

    打开 confirm 提示框

    打开 prompt 提示框

    @component-namespace page {

    @componentmsgbox{

    @descendentwrapper{

    padding:020px;

    position:absolute50%* * *;

    width:100%;

    transform:translateY(-50%);

    button:not(:last-child) {

    margin-bottom:20px;

    }

    }

    }

    }

    import{MessageBox}from'src/index';

    exportdefault{

    methods:{

    openAlert() {

    MessageBox.alert('操作成功!','提示');

    },

    openConfirm() {

    MessageBox.confirm('确定执行此操作?','提示');

    },

    openPrompt() {

    MessageBox.prompt('','请输入姓名').then(({ value })=>{

    if(value) {

    MessageBox.alert(`你的名字是${value}`,'输入成功');

    }

    });

    }

    }

    };

    相关文章

      网友评论

          本文标题:vue mint-ui message-box获取输入框的值

          本文链接:https://www.haomeiwen.com/subject/buefcxtx.html