h('Poptip', {
props: {
title: '新节点名称',
},
}, [
h('Button', {
props: {
icon: 'ios-add',
type: 'primary',
size: 'small'
},
style: {
width: '64px'
}
}),
h('div', {
style: {
display: 'inline-grid',
},
slot: 'content'
}, [
h('Input', {
props: {
placeholder: '请输入',
value:name,
},
on:{
input:(event)=>{
name = event;
}
}
}),
h('Button', {
props: {
type: 'primary',
size: 'small',
align:'center'
},
style:{
marginTop:'5px'
},
on: {
click: (e) => {
this.append(root,node,data,name);
name = 'append node';
}
}
}, '确认')
])
])
使用的是IView的库:
iview
我写了一个render函数,如上。
现在的效果是这样的:
我点击确认以后进入了append函数里,
但是Poptip没有关闭
有没有办法使用数据双向绑定,使得我点确认以后Poptip的value可以变为false,从而关闭popTip
悄悄告诉你
v-model="someProperty"
其实是:value="someProperty" @input="someProperty = $event"
的简写