1.1.2 • Published 3 years ago
haxif-vue2-dragselector v1.1.2
拖动选择器组件
安装
npm install --save haxif-vue2-dragselector
引用
width:数字自动转义px基准 支持v-model双向绑定,要求为对象数组(数组关键词 "ch" ,请不要使用ch作为变量存储数据否则会导致数据丢失 ,数组关键词"text",该关键词会显示在元素上若无则显示序号)
参考引用
<template>
<div class="main">
<xDragSelector width="500" v-model="list"></xDragSelector>
</div>
</template>
<script>
import xDragSelector from "haxif-vue2-dragselector";
export default {
name: "DragSelector",
components: { xDragSelector },
data() {
return {
list: [
{
text:"倘若不输入则默认显示序号",
ch:"占用,请勿使用改变量"
},
{}
],
};
},
};
</script>
<style scoped>
.main {
max-width: 100%;
height: fit-content;
}
</style>
2021.02.20
- 新增历史记录控制(ctrl + z撤销,ctrl+shift+z 重做)
- 新增v-modle双向绑定
- 注意:在历史节点上进行操作后会清理原有后续数据