鼠标右击网页会弹出默认的浏览器菜单，但是很多时候我们需要自定义右键菜单（比如：在线文档编辑器、定制视频播放器等）。今天我们就来快速实现一个自定义右键菜单。

{代码...}

{代码...}

display:flex下的子元素的flex属性默认设置为flex:0 0 auto，若是不想改变子元素的宽高的话需要设置一下子元素的样式

this.getList方法中应该是没有把请求参数key: this.input实时传入

请把唯一值赋给 key ，大概率是 你的 :key="1"的问题，这个要比:key="index"还要严重，强制让 vue 框架认为循环内部是一个组件。

z-index值只决定同一父元素中的同级子元素的堆叠顺序，需要把你要发生层叠的元素放在同一个父元素下面即可

{代码...}

{代码...}

思路换一下可能会好一点，定义一个长度为所有下拉框个数的数组，v-for循环生成下拉框，绑定的值为数组各元素对应的value即可，这样到时候提交之后也很方便获取的，希望对您有帮助

{代码...}

{代码...}

意思应该是当前删除的选项在哪个tab就刷新页面之后再显示到对应tab上吧？建议以下几个方案，希望能给您带来帮助：1.使用浏览器缓存进行记录2.删除数据重载页面时将需要显示到对应的tab位置绑定到当前页面地址栏中，作为参数，所以要求在页面created时获取url当前参数...

{代码...}

数据通过props传值之后，在子组件中接收并且使用新变量将prop引用类型数据深拷贝存储

重新定义一下.progress-bar.active的动画progress-bar-stripes替换为progress-bar-stripes2

{代码...}

this.$http中的this无法指向vue实例，楼上正解。解决方法，可以将vue实例作为request函数的参数传进来，request(this)

reader.onloadend是异步请求

把<el-checkbox :model="false" @change="h1(index)"></el-checkbox>改为<el-checkbox v-model="item.checked" @change="h1(index)"></el-checkbox>即可