首页 > 其他分享 >为什么html页面不能显示标签el-checkbox的多选框,只有名称值

为什么html页面不能显示标签el-checkbox的多选框,只有名称值

时间:2023-04-18 14:44:10浏览次数:32  
标签:el checkbox 标签 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,checkbox,标签,html,页面,选框
From: https://www.cnblogs.com/liuzijin/p/17324062.html

相关文章

  • git merge 提示错误 fatal: refusing to merge unrelated histories
    拉去远程分支代码报错:fatal:refusingtomergeunrelatedhistories造成的原因是:1、本地项目copy其他项目的结构把.git文件可拷贝过来了且覆盖了自己当前目录的.git文件,然后将当前分支合远程分支合并因为两个.git文件储存库的历史数据不一致,合并分支就会报这个错......
  • Plugin ‘Android WiFi ADB’ is compatible with IntelliJ IDEA only because it doe
    Plugin‘AndroidWiFiADB’iscompatiblewithIntelliJIDEAonlybecauseitdoesn’tdefineanyexplicitmoduledependenciesAndroidStudio中安装AndroidWiFiADB插件重启时报错怎么解决Plugin‘AndroidWiFiADB’iscompatiblewithIntelliJIDEAonlyb......
  • telnet远程管理linux主机及Zlib、openssl、openssh升级1
    一、telent远程管理主机1.安装telent服务服务端:yuminstalltelnet-server-y#安装服务端useradddaipasswddai#创建lhj用户,设置lhj密码,密码有规则要求,大小写数字加符号,输2次即可客户端:yuminstalltelnet-y#安装客户端2.测试telent登录客户端:telnet192.......
  • Django视图类中标准导出Excel文件模版(自用)
    一、导出基类、Excel文件处理和保存importhashlibimportosimporttimeimportxlsxwriterfromapplicationimportsettingsfromapps.web.op_drf.filtersimportDataLevelPermissionsFilterfromapps.web.op_drf.responseimportSuccessResponsefromapps.web.wsys......
  • 18c新特性——PDB snapshot Carousel 快照轮转
    一、关于PDB快照轮转18c新特性PDB快照轮转(SnapshotCarousel)提供了在pdb级别下手工或者自动生成快照的功能。PDB快照主要有两个作用:通过闪回恢复数据到快照时间点使用快照PDB查询历史数据CDB需要使用localundo并处于归档模式下。每个PDB快照都会关联一个快照名称,可以在创建时定义......
  • 4、拼接字段 Concat fields
    拼接两个字段转换:将first_name和last_name两个字段拼接成name字段 表输出: ......
  • 部署多节点elasticsearch集群的shell脚本
    以下是一个部署多个节点的elasticsearch集群的shell脚本示例:#!/bin/bash#设置集群名称CLUSTER_NAME="my_cluster"#设置elasticsearch版本号ES_VERSION="7.10.2"#设置elasticsearch安装目录ES_HOME="/usr/local/elasticsearch"#设置elasticsearch数据目录DATA_DI......
  • Jsoup(HTML解析)
    1.Jsoup(HTML解析)https://blog.csdn.net/qq_26786441/article/details/1062078282.Jsoup解析htmlhttps://blog.csdn.net/m0_66144992/article/details/122329560 1、环境首先导入jar包<dependency><groupId>org.jsoup</groupId><artifactId>js......
  • element-ui重载树列表(懒加载)
    在tree的:load方法中,将默认参数node,resolve两个参数存放到全局变量中;在对树节点进行操作后,对全局变量中的node.childNodes赋值为[空数组],最后重新调用tree的:load方法(参数为存放在全局的变量);代码如下:<el-treeref="tree2":props="props":load="loadNode"lazynode-key="l......
  • 关于 ModelScope 的视频 “AI 换脸” 优化方案
    前言    前面一文,初步完成了一下“AI换脸”视频处理程序。完成了视频拆帧,拆帧图片人脸融合,已经音频提取和最后的人脸融合图片的整合(也就是将图片和音频组成视频)。但是在人脸融合部分由于是单线程,处理起来非常耗时,所以这里就对那部分进行优化。 优化前情况  ......