摘要: HTML5允许对页面元素进行拖动,只要在元素的属性中加上draggable="true",就可以拖动了。 在拖动的同时,必须记录被拖动的元素,通过在元素上注册事件ondragstart即可实现,比如规定了一个img元素可以拖动,代码如下: <img draggble="true" ondragsta 阅读全文
posted @ 2018-02-02 14:36 无花即无果 阅读(681) 评论(0) 推荐(0) 编辑
摘要: 1.检测变化 如何使变化能够被检测到? 组件间通信 1.父子组件通信 (1).父传给子组件 pass props 父组件: 子组件 child.vue:(子组件要嵌套到父组件中) (2).由上面可见,props数据流是单向的。父组件属性更新时,将会传递给子组件,反过来则是不可以的。 子传父 直接操作 阅读全文
posted @ 2018-01-30 11:01 无花即无果 阅读(160) 评论(0) 推荐(0) 编辑
摘要: bootstrap多层modal弹窗时。当子窗口关闭时,所有父窗口一起关闭。 原因是bootstrap在窗口关闭事件委托时,委托给所有窗口。 如源码: this.$element.on('click.dismiss.bs.modal', '[data-dismiss="modal"]', $.pro 阅读全文
posted @ 2018-01-29 10:08 无花即无果 阅读(3414) 评论(1) 推荐(0) 编辑
摘要: 1.在data里面定义: data(){ return{ isScreen:false, } } 阅读全文
posted @ 2018-01-24 15:47 无花即无果 阅读(678) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2018-01-21 22:15 无花即无果 阅读(491) 评论(0) 推荐(0) 编辑
摘要: 1、父组件(父组件访问子组件的方法drop) 2、子组件 <div class="inner inner-hook"></div> </div> </div> <div> 阅读全文
posted @ 2018-01-11 19:15 无花即无果 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 先来个自己改写的图: 代码: 1、安装 2、简单示例 3、使用说明api 指令 v-contextmenu:ref 其中 ref 为一个 VContextmenu 的实例,例如 <v-contextmenu ref="contextmenu"> <v-contextmenu-item>菜单</v-c 阅读全文
posted @ 2018-01-10 17:51 无花即无果 阅读(4394) 评论(1) 推荐(0) 编辑
摘要: 1.先上效果图 2.完整代码 阅读全文
posted @ 2018-01-10 17:20 无花即无果 阅读(10619) 评论(2) 推荐(0) 编辑
摘要: 1.子组件$emit()触发,父组件$on()监听 父组件: 阅读全文
posted @ 2017-12-25 21:13 无花即无果 阅读(557) 评论(0) 推荐(0) 编辑
摘要: 父组件: 子组件:(子组件要嵌套到父组件中) 阅读全文
posted @ 2017-12-25 20:45 无花即无果 阅读(4952) 评论(0) 推荐(2) 编辑