vue抽屉弹窗，侧边弹窗！！

最新推荐文章于 2023-09-07 10:06:21 发布

时光荏苒、、、、、、、、

最新推荐文章于 2023-09-07 10:06:21 发布

阅读量2.2k

点赞数 4

文章标签： vue vue.js css javascript

本文链接：https://blog.csdn.net/woyaojinali/article/details/109649043

版权

这篇博客展示了如何使用Vue来创建一个不影响页面操作的侧边弹窗。作者提供了简洁的代码示例，旨在帮助读者理解实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue抽屉弹窗，侧边弹窗！！

以下代码比较简单。主要就是实现侧边弹窗而且不会影响页面操作的方式，求点赞！！！不多说直接贴代码。

<template>
	<div>
      <div :class='{"itemCount":true,"leftT":!leftShow,"left":leftShow}'>//这种写法是动态获取样式
        <div style="font-size:60px;">表格数据</div>
        <div>//下面就是弹框内的样式。按自己需要放样式（我这里拿表格举例吧）
          <el-table :data="tableData"
                    style="width: 100%">
            <el-table-column prop="date"
                             label="日期"
                             width="150">
            </