ant design vue this.$confirm的使用
this.$confirm
·
this.$confirm({
title: '请输入毛重与体积相关数据',
okText: '确认',
cancelText: '取消',
content: (
<div style='margin-top:20px'>
// 绑定change事件 onChange方法在methods里面进行创建
<p class='flex'><span style='width:100px'>毛重(kg)</span><input vModel={m.title} onChange={this.onChange} class='ant-input' /></p>
// 绑定click 事件 onClick 方法在methods里面进行创建
<p class='flex'><span style='width:100px'>长(m)</span><input vModel={m.long} onClick={this.onClick} class='ant-input' /></p>
<p class='flex'><span style='width:100px'>宽(m)</span><input vModel={m.width} class='ant-input' /></p>
<p class='flex'><span style='width:100px'>高(m)</span><input vModel={m.height} class='ant-input' /></p>
// 传递参数 show-time
<a-date-picker show-time placeholder="选择时间" />
</div>
),
onOk: () => {
if (m.long || m.width || m.height) {
console.log('true')
if (!m.long || !m.width || !m.height) {
this.$message.warn('请补全信息')
return Promise.reject()
}
}
console.log('确认')
},
onCancel: e => {
if (e.triggerCancel) {
// 点击x或者按键盘esc关闭的弹窗
return
}
// 函数体 方法
e()
}
})
更多推荐
所有评论(0)