首页 > 其他分享 >为什么再html页面引用element复选框,只有名称值,没有复选框

为什么再html页面引用element复选框,只有名称值,没有复选框

时间:2023-04-23 16:15:03浏览次数:39  
标签:el 标签 element html 引用 复选框 页面

问题描述

我引入了el-checkbox之后,发现浏览器页面只是显示里面的文字,并没有显示出来我想要看到的相应样式

问题解决

经过一定的百度查证可知,使用Element-UI组件时,我们需要用div标签将其包裹起来;

然后使用script标签定义一下div里面的id属性,然后才能够引用到这个el-标签,让其中的样式显示出来!

在使用el-标签之前,我们要将这几条引用代码语句写入到文件里面:

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

然后进行引入运用就可以啦!

标签:el,标签,element,html,引用,复选框,页面
From: https://www.cnblogs.com/liuzijin/p/17346806.html

相关文章

  • HTML5实现文件上传下载功能实例解析
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传  可以带参数        [HttpPost("upload")]        publicJsonResultuploadProject(I......
  • 基于HTML5的移动Web应用——Bootstrap 样式案例
     需求说明使用container、row等栅格系统的知识布局网页结构使用表单元素制作登录页面使用btn-success制作“搜索”按钮,用btn-danger制作“登录”按钮运行效果新梦想技术分享参考代码<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><metaname="view......
  • html css 怎么导入外部css
    在HTML文件中导入外部CSS样式表,可以使用<link>标签。具体步骤如下:创建一个样式表文件(通常以.css扩展名为后缀),并将所有的CSS样式规则存放在该文件中。在HTML文件中添加一个<link>标签,指定rel="stylesheet"属性和href属性,其中href属性值应该是样式表文件的U......
  • HTML动态显示当前时间段
    HTML动态显示当前时间段效果如下 shell方式定义时间范围变量,修改html文件添加变量,重定向即可#定义起始时间变量START_TIME=$(date+"%Y年%m月%d日")END_TIME=$(date+"%Y年%m月%d日"-d'+1days')echo$END_TIME$START_TIME#定义HTML变量<divcla......
  • html 表格
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=d......
  • HTML+CSS居然可以做时钟,太秀了吧
    谁懂啊家人们,html+css居然可以做一个时钟出来,这么厉害的吗咱这新手是啥也不懂啊,就会复制粘贴,反正是可以正常显示的话不多说直接上代码,直接复制即可正常运行<!DOCTYPEhtml><htmllang="en"><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compa......
  • Introduction to WebGL 3D with HTML5 and Babylon.js
    Explore3Dbasics,andtakealookat3Dwithouthardware(creatingasoftwareengine).[05:45]-Understanding3DBasicsviaasoftengine[09:49]-UnderstandingtheTransformationpipeline[20:26]-Itsallabouttriangles[31:42]-MovingfromCPUto......
  • HTML5: 利用SVG动画动态绘制文字轮廓边框线条
    DEMO:点击这里看效果 简要教程这是一款很酷的html5svg线条动态绘制文字轮廓边框动画特效。SVG路径动画在网页设计中是一项热门的技术,它允许我们绘制各种简单、精美的图标和文字。关于使用SVG制作图标方面的知识,请参考阅读ESSENTIALICONS。制作流程先......
  • element-plus实现列表拖拽切换位置、顺序(支持搜索)
    1.组件实现<template><el-popoverplacement="bottom"popper-class="interBarControl-setPopover":width="200":visible="visible"trigger="click"@click.stop="">......
  • python调用imgkit将html转图片pdf问题实例wkhtmltox
    wkhtmltox的下载地址:https://wkhtmltopdf.org/downloads.html或者:https://github.com/wkhtmltopdf/wkhtmltopdf0.12.6版本按网络上的教程会出现一个错误:IOError:wkhtmltopdfexitedwithnon-zerocode1.error:[blank]解决方法参见:https://stackoverflow.com/questions/......