vue单文件在线运行实现一个element-ui后台界面效果代码-html代码-BFW代码库

vue单文件在线运行实现一个element-ui后台界面效果代码

代码语言：html

代码描述：vue单文件在线运行实现一个element-ui后台界面效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <title>vue文件在线运行</title>
    <meta charset="UTF-8">

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue2-sfc-loader.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/element-ui.2.15.1.js"></script>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/element-ui.2.15.1.css">
</head>
<body>
    <div id="app"></div>

    <script type="module">

        /* <!-- */
        const mainComponent = `
      <template>
    <div>
        <el-container class="main">
            <el-aside :width="tabWidth+'px'">
                <div>
                    <div class="isClossTab" @click="isClossTabFun">
                        <i :class="isCollapse?'el-icon-d-arrow-right':'el-icon-d-arrow-left'" ></i>
                    </div>
                    <el-menu :class="'menu'"
                             default-active="1-4-1"
                             class="el-me.........完整代码请登录后点击上方下载按钮下载查看