首页 > 其他分享 >在Html中使用element-plus 显示不正确

在Html中使用element-plus 显示不正确

时间:2025-01-03 11:33:58浏览次数:1  
标签:const app element Html plus App

 

 

<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <script src="https://unpkg.com/vue@3"></script>
    <!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <!-- import JavaScript -->
    <script src="https://unpkg.com/element-plus"></script>
    <title>Element Plus demo</title>
  </head>
  <body>
    <div id="app">
      <el-button>{{ message }}</el-button>
     <el-table :data="tableData"  style="width: 100%">
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" /> 
  </el-table>
       <el-table :data="tableData"  style="width: 100%">
    <el-table-column prop="date" label="Date" width="180" ></el-table-column>
    <el-table-column prop="name" label="Name" width="180" ></el-table-column>
  </el-table>
    </div>
    <script>
      const App = {
        data() {
          return {
            message: "Hello Element Plus",
          };
        },
      };
      const app = Vue.createApp(App);
      app.use(ElementPlus);
      app.mount("#app");
    </script>
  </body>
</html>

 

标签:const,app,element,Html,plus,App
From: https://www.cnblogs.com/zeng-qh/p/18649773

相关文章

  • element-plus 引入本地图片
    方法1<imgsrc="src/assets/default_cover.jpg">如果写成:../assets/default_cover.jpg就会失效方法2vite官网:静态资源处理vue2+webpack<img:src="require('@/assets/default_cover.jpg')">vue3+vite方式1:importimage......
  • Xshell Plus v7.0.14+Xftp7 永久授权版
    Xshell是更常用的安全终端模拟器,人们可以使用它远程登录其他系统服务器,达到远程控制终端的目的。NetSarangXshell–知名终端连接工具,非常强大的SSH远程终端客户端,非常好用的SSH终端管理器。Xshell功能超级强大,性能非常优秀,其特色功能支持多标签会话管理主机,支持远程协议Teln......
  • 8k分辨率下html2canvas不支持文本缩放的解决方案
    文章目录背景常规方案安装依赖引入依赖使用出现问题html2canvas原理解析局限性解决方案dom-to-image库安装依赖引入dom-to-image使用dom-to-image原理创建虚拟DOM副本渲染虚拟DOM为SVG或其他格式导出为图片数据`dom-to-image`的相关方法背景前端同......
  • 大二Web课程设计——张家界旅游网站设计与实现(HTML+CSS+JavaScript) (2)
    ......
  • HTML期末学生大作业:中华传统文化【苏绣手工艺】带psd设计图(15页) (2)
    ......
  • Html启动特定的输入法
    注册表shurufa-Handinput.reg WindowsRegistryEditorVersion5.00[HKEY_CLASSES_ROOT\Handinput]@="URL:HandinputProtocolHandler""URLProtocol"=""[HKEY_CLASSES_ROOT\Handinput\DefaultIcon]@="C:\\ProgramFiles(x86)\\......
  • JS提取html中所有的文字
      functionextractTextFromHTML(htmlContent){//创建一个新的DOM解析器constparser=newDOMParser();//解析HTML内容为DOMconstdoc=parser.parseFromString(htmlContent,'text/html');//使用深度优先搜索遍历DOM树consttextNodes=dfs(doc);......
  • 如何解决DedeCMS首页URL后缀出现index.html的问题?
    在使用DedeCMS时,有时会遇到域名后面自动加上index.html的情况。这不仅影响用户体验,还可能对SEO产生负面影响。要解决这个问题,您可以按照以下步骤进行操作:检查默认首页设置:首先确认是否已经正确设置了默认首页。进入DedeCMS后台管理界面,导航到“系统”->“系统基本参数”,确保“......
  • PDF-XChange Editor Plus(PDF编辑器) v10.4.4.392 便携版
    PDF-XChangePRO-使用PDF的通用解决方案。包含了Tracker软件的三个最佳应用程序的软件包:PDF-XChangeEditorPlus,PDF-Tools和PDF-XChangeStandard。使用PDF-XChangeEditorPlus,您可以创建,查看和编辑图像和PDF文件。PDF-Tools在创建和处理PDF文件方面处于世界领先地位。得益于......
  • 211. 大学生HTML5期末大作业 ―【 可爱的宠物狗主题网页(22页)】 Web前端网页制作 html5
    目录一、网页概述二、网页文件三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强欢迎来到我的CSDN主页!Web前端网页制作、大学生期末大作业、课程设计、毕业设计、网页模版源码、学习资料等,更多优质博客文章......