官网的示例:
没标题总觉得少了点什么。。。。
有标题,但是是默认的【当作快捷操作框来做,图片就更难看】,也不提供覆盖的class等操作,实在无奈。。。
因此,经过自己琢磨,最后想出一个方法,就是render一个自定义样式的标题,我的解决方法如下:
示例:
代码:
edit:function(index,data){
const self = this;
let name = data.name;
self.$Modal.confirm({
okText:'保存',
onOk: () => {
if(!name){
self.$Message.warning("分类名称必须");
return false;
}else{
// your Api is run here
}
},
render: (h, params) => {
return h('div', [
h('div', {
style:"margin-bottom:20px;vertical-align: middle;font-size: 16px;color: #17233d;font-weight: 700;"
}, '更新分类'),
h('Input', {
props: {
value: data.name,
autofocus: true,
placeholder: data.name
},
on: {
input: (val) => {
name = val;
}
}
})
]);
}
})
},