render函数如何渲染v-model属性?

                            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函数,如上。
现在的效果是这样的:
截屏2019-10-1222.25.37.png

我点击确认以后进入了append函数里,
但是Poptip没有关闭

有没有办法使用数据双向绑定,使得我点确认以后Poptip的value可以变为false,从而关闭popTip

阅读 14.4k
2 个回答

悄悄告诉你 v-model="someProperty" 其实是 :value="someProperty" @input="someProperty = $event" 的简写

我今天也遇到了楼主的问题,我是这么搞得。
我把气泡弹窗部分写成了一个子组件,子组件里面可以随意去写双向绑定的东西,然后在render里面调用子组件就可以了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题