q1054733797的博客

1、创建directives.jsimport Vue from 'vue';// v-dialogDrag: 弹窗拖拽属性Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header'); const dragDom = el.querySelector('.el-

<template> <div> <canvas id="canvas" width="100" height="34" @click="changeCode" style="border: 1px solid #ccc;border-radius: 5px;"></canvas> </div></template><script> export default { .

话不多说，直接上代码，其中需要注意的一点是为menu添加position: absolute;属性，这个属性的意思是菜单采用绝对位置，可以保证右击后菜单出现在自己想要的位置，而不受其他元素的影响&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;菜单&l..