可拖动的Vue渲染函数.如何添加v-model ?

Question

我找不到如何在ve2中添加v-model到可拖动组件。在文档中找到了一些例子，但它不起作用。我尝试了不同的变体，如添加列表属性到组件，但它不起作用。

const draggableItem = h('draggable', {
class: '',
attrs: { 
'group':'people',
ghostClass: 'ghost',
animation: 200,
handle: '.drag-widget'
},      
on: {
input: (event) => {
console.log('on input');
this.data.list = event.target.value
this.$emit('data.list', event.target.value)
},        
end: () => {
console.log('drag on end');
this.handleMoveEnd()
},
add: (event) => {
console.log('drag on add', this.data.list);     
console.log(event.dataTransfer);               
this.handleWidgetAdd(event)
}       
}
},
[transitionGroupItem]
);

谁能帮我一下吗?尝试添加属性列表属性，如list: this.data。列表，但它也不起作用

Answer 1

v型基本上是反应性prop:value和input的组合。值prop用于初始化它，并输入事件以更新父版本的它。

这是一个很好的指南-添加V-model到自定义值组件

在被添加到列表时，它应该emit('input',data.list)并在那里分配一个数据值，以避免改变prop。