可放大缩小弹窗组件,基于element-ui的vue2版本

源码地址在这里

这是一个可放大缩小,拖拽的弹窗组件,主要基于element-ui的vue2版本的包,故使用时,前端项目需要安装element-ui

效果展示

组件位置(把gitee仓库的文件cv出来放这里就行了)

代码使用

js 复制代码
<template>
  <div>
    <el-button
      type="primary"
      size="mini"
      icon="el-icon-plus"
      @click="openDialog"
      >弹窗</el-button
    >
    <Dialog ref="SidePage" title="弹窗窗~" width="343px" height="300px">
      <div style="width: 100%; height: 100%; background-color: #4080ff">
        内容
      </div>
    </Dialog>
  </div>
</template>
<script>
import Dialog from "../components/le-dialog/index.vue";
export default {
  components: { Dialog },
  methods: {
    openDialog() {
      this.$refs.SidePage.openWindow();
    },
  },
};
</script>
<style scoped lang="scss"></style>
相关推荐
IT_陈寒21 分钟前
「Redis性能翻倍的5个核心优化策略:从数据结构选择到持久化配置全解析」
前端·人工智能·后端
weixin_4469388726 分钟前
uniapp vue-i18n如何使用
前端·vue.js·uni-app
知识分享小能手39 分钟前
微信小程序入门学习教程,从入门到精通,WXS语法详解(10)
前端·javascript·学习·微信小程序·小程序·vue·团队开发
excel42 分钟前
Vue 组件与插件的区别详解
前端
JarvanMo2 小时前
Flutter 开发:应用颜色使用 Class 还是 Enum?—— 你应该选择哪一个?
前端
HBR666_2 小时前
AI编辑器(二) ---调用模型的fim功能
前端·ai·编辑器·fim·tiptap
csgo打的菜又爱玩5 小时前
Vue 基础(实战模板与命名指南)
前端·javascript·vue.js
ding_zhikai6 小时前
SD:在一个 Ubuntu 系统安装 stable diffusion Web UI
前端·ubuntu·stable diffusion
gerrgwg7 小时前
Vue-library-start,一个基于Vite的vue组件库开发模板
前端·javascript·vue.js
你的人类朋友8 小时前
【Node】单线程的Node.js为什么可以实现多线程?
前端·后端·node.js