- 20
- 0
问题描述:动态修改 VueDragResize的 w、h属性失败,想点击div的时候将VueDragResize沾满整个屏幕。就像一个div宽高都是100px,点击时将宽高设置成100%,铺满整个屏幕,这样有bug代码如下:<template> <div id="app"> <div style="position: fixed;left: 0;top:0;" @click="handleclick">变全屏</div> <VueDragResize :is-active="true" :is-draggable="true" :is-resizable="true" :aspectRatio="false" :preventActiveBehavior="true" axis="both" :w="w" :h="h" :minw="600" :minh="475" v-on:resizing="resize" v-on:dragging="resize" style="background: #0ff"> <h3>Hello World!</h3> <p>{{ top }} х {{ left }} </p> <p>{{ width }} х {{ height }}</p> </VueDragResize> </div></template><script>import VueDragResize from 'vue-drag-resize';export default { name: 'App', components: { VueDragResize }, data() { return { width: 0, height: 0, top: 0, left: 0, w:600, h:475 } }, methods: { handleclick(){ console.log("w",document.documentElement.clientWidth) console.log("h",document.documentElement.clientHeight) this.w=document.documentElement.clientWidth this.h=document.documentElement.clientHeight }, resize(newRect) { this.width = newRect.width; this.height = newRect.height; this.top = newRect.top; this.left = newRect.left; } }}</script><style>#app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px;}</style>
0
打赏
收藏
点击回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
