no message
Former-commit-id: 17ebbde4f78398668dd904c8ea1821407e55c73d Former-commit-id: 4d1e4306254e0f83a5ab9428704e64ac8723fd12 Former-commit-id: 602f8b4b66d9d5e9631a180c8e3b219a12080538
This commit is contained in:
@@ -36,7 +36,7 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async getReadme () {
|
async getReadme () {
|
||||||
const { data } = await this.$http.get('/static/markdownFiles/demo/baseMarkdowmFile.md')
|
const data = await this.$http.get('/static/markdownFiles/demo/baseMarkdowmFile.md')
|
||||||
return data
|
return data
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -41,7 +41,7 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async getReadme () {
|
async getReadme () {
|
||||||
const { data } = await this.$http.get('/static/markdownFiles/demo/baseMarkdowmFile.md')
|
const data = await this.$http.get('/static/markdownFiles/demo/baseMarkdowmFile.md')
|
||||||
return data
|
return data
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -16,6 +16,7 @@
|
|||||||
<template v-if="item.i === '0'">
|
<template v-if="item.i === '0'">
|
||||||
<div class="dd-mb">拖拽卡片调整位置</div>
|
<div class="dd-mb">拖拽卡片调整位置</div>
|
||||||
<div class="dd-mb">拖拽卡片右下角的手柄调整卡片大小</div>
|
<div class="dd-mb">拖拽卡片右下角的手柄调整卡片大小</div>
|
||||||
|
<div class="dd-mb">在控制台打印出数据变化</div>
|
||||||
<GithubLinkButton
|
<GithubLinkButton
|
||||||
name="vue-grid-layout"
|
name="vue-grid-layout"
|
||||||
url="https://github.com/jbaysolutions/vue-grid-layout"
|
url="https://github.com/jbaysolutions/vue-grid-layout"
|
||||||
@@ -56,26 +57,23 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
layoutUpdatedHandler (newLayout) {
|
layoutUpdatedHandler (newLayout) {
|
||||||
// console.log('layoutUpdatedHandler')
|
console.group('layoutUpdatedHandler')
|
||||||
newLayout.forEach(e => {
|
newLayout.forEach(e => {
|
||||||
console.log(`{'x': ${e.x}, 'y': ${e.y}, 'w': ${e.w}, 'h': ${e.h}, 'i': '${e.i}'},`)
|
console.log(`{'x': ${e.x}, 'y': ${e.y}, 'w': ${e.w}, 'h': ${e.h}, 'i': '${e.i}'},`)
|
||||||
})
|
})
|
||||||
|
console.groupEnd()
|
||||||
},
|
},
|
||||||
resizeHandler (i, newH, newW) {
|
resizeHandler (i, newH, newW) {
|
||||||
// console.log('resizeHandler')
|
this.$log('resizeHandler', `i: ${i}, newH: ${newH}, newW: ${newW}`)
|
||||||
// console.log(`i: ${i}, newH: ${newH}, newW: ${newW}`)
|
|
||||||
},
|
},
|
||||||
moveHandler (i, newX, newY) {
|
moveHandler (i, newX, newY) {
|
||||||
// console.log('moveHandler')
|
this.$log('moveHandler', `i: ${i}, newX: ${newX}, newY: ${newY}`)
|
||||||
// console.log(`i: ${i}, newX: ${newX}, newY: ${newY}`)
|
|
||||||
},
|
},
|
||||||
resizedHandler (i, newH, newW, newHPx, newWPx) {
|
resizedHandler (i, newH, newW, newHPx, newWPx) {
|
||||||
// console.log('resizedHandler')
|
this.$log('resizedHandler', `i: ${i}, newH: ${newH}, newW: ${newW}, newHPx: ${newHPx}, newWPx: ${newWPx}`)
|
||||||
// console.log(`i: ${i}, newH: ${newH}, newW: ${newW}, newHPx: ${newHPx}, newWPx: ${newWPx}`)
|
|
||||||
},
|
},
|
||||||
movedHandler (i, newX, newY) {
|
movedHandler (i, newX, newY) {
|
||||||
// console.log('movedHandler')
|
this.$log('movedHandler', `i: ${i}, newX: ${newX}, newY: ${newY}`)
|
||||||
// console.log(`i: ${i}, newX: ${newX}, newY: ${newY}`)
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user