Vue

 

Vue 拖拽功能相关资料 

如何搜索相关组件：

在github上搜索： vue drag

一个很好用的组件：

• 这是一个可以 dragable resizable 的组件：https://github.com/mauricius/vue-draggable-resizable
• 对应的演示链接为： https://mauricius.github.io/vue-draggable-resizable/?path=/story/basic--basic-component

使用案例：

<div style="height: 900px; width: 900px; border: 1px solid red; position: relative;">
　　<vue-draggable-resizable class-name-active="my-active-class" :w="300" :h="500" @dragging="onDrag" @resizing="onResize" :parent="true">
    　　<div id="chartId" style="width: 100%; height:100%"></div>
　　</vue-draggable-resizable>
</div>
<style scoped>
  .my-active-class {
    border: 1px solid black;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  }
</style>

　　

　　

Vue  .sync知识点

参考链接：http://www.jsphp.net/vue/show-25-291-1.html

 

Vue中@input用法以及v-model示例

 

 参考链接：https://blog.csdn.net/sinat_41747081/article/details/103255761