vue createVNode 怎么双向绑定 或者回调数据
背景
目前使用antdesign做UI框架,想要用纯粹的JS实现一个简单的组件
代码
export function promptSelect (options: {
title: string,
placeholder: string,
beforeText?: string,
options: {label: string, value: string | number}[]
}): Promise<string | number> {
let value = '' as string | number
const select = createVNode(Select, {
placeholder: options.placeholder,
options: options.options,
change: (nvalue: string | number) => {
// 这里应该怎么写才能让数据获取到
}
})
const nodes = [
select
]
if (options.beforeText) {
nodes.unshift(createVNode('text', {
class: 'red'
}, '*'),
createVNode('text', {}, '分组名称 :'))
}
return new Promise((resolve, reject) => {
const node = createVNode('div', {
class: 'prompt-box'
}, nodes)
Modal.confirm({
title: options.title,
content: node,
width: '460px',
onOk: () => {
resolve(value)
},
onCancel: () => {
reject(new Error())
}
})
})
}
问题
怎么能让回调方法能调用到当前js文件的方法,或者如何实现双向绑定
推荐文章: