首页 > 其他分享 >vue3 标题组件

vue3 标题组件

时间:2023-12-01 10:44:05浏览次数:36  
标签:const name 标题 item vue3 组件

<template>
  <div class="header_body">
    <div class="header_inner">
      <div class="title_line"></div>
      <el-row class="titleBodyComl">
        <div class="icon">
          <div class="icon2"></div>
        </div>
        <div class="itemTitle">
          <span class="text" v-for="(item, index) in prop.name">{{ item }}</span>
        </div>
      </el-row>
    </div>
    <div class="line"></div>
  </div>
</template>
<script setup lang="ts">
type p = {
  name?: any;
};
const prop = defineProps<p>();
</script>


标签:const,name,标题,item,vue3,组件
From: https://www.cnblogs.com/JaneLifeBlog/p/17869206.html

相关文章

  • 1、自定义上传组件实现动态指定action
    1、增加ynamicAction:String2、修改constuploadImgUrl=ref(props.dynamicAction||import.meta.env.VITE_APP_BASE_API+"/common/upload");//上传的图片服务器地址<el-uploadmultiple:action="uploadImgUrl"3、父组件<el-form-itemlab......
  • 标题:考试认证在计算机领域的重要性
    在当今竞争激烈的就业市场上,计算机技能的认证考试越来越受到青睐。无论是寻找工作还是提升职业发展,通过专业的考试认证都可以帮助个人展示自己的技能和知识水平,为自己的职业生涯增添更多可能性。首先,考试认证可以证明一个人在特定领域的专业知识和技能。例如,像Microsoft的MCP、Cisc......
  • 通过.NET Core+Vue3 实现SignalR即时通讯功能
    .NETCore和Vue3结合使用SignalR可以实现强大的实时通讯功能,允许实时双向通信。在这个示例中,我们将详细说明如何创建一个简单的聊天应用程序,演示如何使用.NETCoreSignalR后端和Vue3前端来实现实时通讯功能。步骤1:准备工作确保你已经安装了以下工具和环境:.NETCore......
  • 记录--组件阅后即焚?挂载即卸载!看完你就理解了
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言上家公司有个需求是批量导出学生的二维码,我一想这简单啊,不就是先批量获取学生数据,然后根据QRcode生成二维码,然后在用html2canvas导出成图片嘛。由于公司工具库有现成的生成压缩包方法,我只需要获得对应的图片b......
  • 当多个使用弹窗类组件,可使用这种方式封装组件。(以下使用antd-vue、vue3)
    1.代码点击查看代码<template><slot:openDialog="openDialog":closDialog="modalCancel"></slot><a-modalv-model:open="open"title="BasicModal"@cancel="modalCancel"><templat......
  • 将表格的列标题作为第一行, 转为二维list
    #将表格的列标题作为第一行,转为二维list#情况1_1,表格,无数据;情况1_2,表格,有数据data=[[1,1]]columns=['col1','col2']df=pd.DataFrame(data=data,columns=columns)df_concat=pd.concat([#to_frame(index:'bool'=True,name:'Hashab......
  • vue3,Nginx部署情况
    一.Vue3项目情况说明router文件夹下的index.jsimport{createRouter,createWebHashHistory}from"vue-router"constroutes=[{path:'/saoma',name:'Saoma',//redirect:'/saoma',component:()......
  • 关于layui使用弹出层模版后对应上传组件不工作的问题记录
    这里页面的聊天室是使用的弹出层:util.on('lay-on',{'open-chat-room':function(){layer.open({title:'项目聊天室',type:1,offset:&#......
  • [转载]C/C++ 遍历窗口标题类名
    原地址:https://cloud.tencent.com/developer/article/2201930遍历每个进程,一次查找进程下的窗口,找到窗口标题为“”,窗口类名为“RunDll”的窗口。如果找到返回true,没找到返回false。#pragmaregion依赖typedefstructEnumHWndsArg{std::vector<HWND>*vecHWnds......
  • vue3页面中,两个相同组件,一个卸载,一个挂载,后展示的组件事件监听不生效?
    场景:在实际开发中,遇到了这样一种场景,vue3页面,两个相同组件,在满足某条件下展示第一个组件,满足另一个条件下,隐藏第一个组件,同时展示第二个组件,比如反馈组件,会通过window.addEventListener来监听自定义的反馈弹窗展示和隐藏事件。结果:两个相同组件一个卸载,一个挂载,第一个组监听的......