首页 > 其他分享 >Element UI 在非template/render 模式下使用ICON要注意的问题

Element UI 在非template/render 模式下使用ICON要注意的问题

时间:2023-08-07 16:22:37浏览次数:31  
标签:调用 render Element UI template ICON

有很多时候,我们不需要编译Vue和Element UI,只是想简单的试用一下,做一个原型出来。我们会使用HTML方式编写,这种方式下,使用ICON需要注意一些问题。

1.例如CopyDocument图标,如果是用html tag方式调用,根据vue的组件规范,驼峰格式需要改写成小写横线分割的格式<copy-document></copy-document>

2.如果是使用<el-button :icon="CopyDocument">Button</el-button>方式调用,那么需要改成<el-button icon="CopyDocument">Button</el-button>的方式调用。去掉冒号。

3.有些简单的图标,因为vue在非template/render模式下,和原生HtmlElement Tag有冲突,所以需要写为完整的Tag,例如<Plus />要写成<Plus></Plus>,否则会出现此标签后续Vue都不能识别的问题。页面会出现空白。

标签:调用,render,Element,UI,template,ICON
From: https://www.cnblogs.com/easyc/p/17611741.html

相关文章

  • 关于引用elementui中的el-date-picker组件
    最近有一个需求要用到elementui中的日期选择器组件,但是elementui中的不太满足,在网上找到一个引用里面的组件的教程https://blog.csdn.net/mouday/article/details/103932261但是引用完成后报错Moduleparsefailed:Unexpectedtoken(65:6)Youmayneedanappropriateloader......
  • 实现无限存储:基于JuiceFS 创建 Samba 和 NFS 共享
    随着企业数据量的持续增长,存储容量需求日益增大。如何采用没有容量上限的云存储替换本容量有限的本地磁盘,已成为广泛的需求和共识。特别是在企业中常用的Samba和NFS共享,如果能够使用云存储作为底层存储,就能有效解决存储扩容和本地磁盘损坏导致的数据丢失问题。本文将以Linux......
  • element-plus el-date-picker 实现周选择
    在使用element-plus的时间选择器的时候,有时候会有选择一周的需求,可以使用以下方式进行实现。首先使用type=week属性实现基本的样式<el-date-pickerv-model="baseForm.startTime"type="week"placeholder="选择周"></el-date-picker>接下来修改其值的格式......
  • HISUI问题合集
    属于是代码有问题,编译不出来的报错$的用法1、$()可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。 比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签。如: $("a").click(function(){...}) ......
  • centos generate uuid,install libuuid-devel,compile -luuid
    //installlibuuid-develsudoyuminstalllibuuidlibuuid-devel#include<iostream>#include<stdio.h>#include<uuid/uuid.h>char*uuid_value=(char*)malloc(40);char*get_uuid(){uuid_tnew_uuid;uuid_generate(new......
  • Android View绘制原理 - RenderThread
    前面的文章介绍了HardwareRendere在初始化的时候,涉及到了一个组件RenderThread并简要的分析了一下,这篇文章将继续深入的分析一下这个RenderThread,介绍一下它的几个重要特性和功能1ThreadRenderThread首先是继承自ThreadBase,是一个真实的线程。frameworks/base/libs/hwui/rendert......
  • DockerFile 构建缓存 Buildkit
    缓存Dockerfile构建缓存功能从Docker17.05版本开始引入可以加速构建直接服用缓存构建我们看到fromcache就是来自缓存缓存是一个命令为单位如果想服用缓存需要考虑查看缓存大小清除缓存dockervolumeprune--all--forcedockerimageprune--all--force......
  • 如何在 SwiftUI 中创建悬浮操作按钮
    前言悬浮操作按钮(FloatingActionButton,FAB)是一种在Android和MaterialDesign中使用的UI元素。它用于触发特定屏幕的主要操作。尽管它来自Android,但在一些iOS应用中也可以看到这种模式。以下是Twitter应用中悬浮操作按钮的示例。TwitterApp在最重要的操作步骤,发布......
  • Cisco CCNA——Equipment Infrastructure Management
    Equipmentinfrastructuremanagement路由器组件路由器的组成及功能CPU:执行操作系统的指令随机访问存储器(RAM内存):RAM中内容断电丢失只读存储器(ROM):开机自检软件,路由器启动引导程序,迷你IOS(防止IOS丢失)非易失(NVRAM):存储启动配置Flash:运行操作系统(CiscoIOS)Interfaces:拥有多种物理接口用......
  • AI绘画:两组赛博咒语和ComfyUI使用方法
    虽迟但到啊,上次说过要发,必然是要发滴! ​ 本来我是可以直接发的,但是我又想着发关键词的同时,最好是讲解一下用法,这样更友好。所以就拖了一天! 下面先展示一下两套咒语的效果:     这套咒语可以生成动物外形的赛博生物,巨......