首页 > 其他分享 >vue3 自定义渲染,渲染函数实现,配置渲染render函数,低代码配置自定义渲染函数核心实现

vue3 自定义渲染,渲染函数实现,配置渲染render函数,低代码配置自定义渲染函数核心实现

时间:2024-07-31 22:40:43浏览次数:16  
标签:函数 render 渲染 props import 自定义

代码

  • 父组件
<template>
    <div class="component-name">
        <!-- 全局自动的icon -->
        <Extend :render="render" />
    </div>
</template>

<script setup lang="ts">
import { ref, reactive, computed, onMounted, nextTick } from 'vue';

import Extend from './components/extend';

const render = () => {
    return h('div', {}, 'sdflksjdfs');
};
</script>

<style lang="scss" scoped></style>
  • extend.tsx
import { defineComponent, PropType } from 'vue';

export default defineComponent({
    name: 'Extend',
    props: {
        render: {
            type: Function as PropType<() => void>,
            default: () => void 0
        }
    },
    setup(props) {
        return () => {
            const { render } = props;
            return render && render();
        };
    }
});

标签:函数,render,渲染,props,import,自定义
From: https://www.cnblogs.com/jocongmin/p/18335647

相关文章

  • 用matlab中的stlread函数得到三维模型后应该怎么得到模型根据z轴变化的切片?z轴上的每
    用matlab中的stlread函数得到三维模型后应该怎么得到模型根据z轴变化的切片?z轴上的每个面我都需要一个模型截面在MATLAB中,从STL文件读取三维模型后,您可以使用以下步骤获取根据Z轴变化的切片。这里提供一个基本的步骤和示例代码,帮助您实现这一目标:读取STL文......
  • 全网最适合入门的面向对象编程教程:29 类和对象的Python实现-断言与防御性编程和help函
    全网最适合入门的面向对象编程教程:29类和对象的Python实现-断言与防御性编程和help函数的使用摘要:在Python中,断言是一种常用的调试工具,它允许程序员编写一条检查某个条件。本文主要介绍了断言的应用场景和特点以及assert语句的使用,同时介绍了防御性编程和help()函数......
  • 自定义线程池实现(一)
    预期目标1.实现一个相对完备的线程池2.自定义拒绝策略(下一节)线程池的基本参数1.核心线程数2.超时时间3.拒绝策略(在下一篇中添加)4.工作队列5.任务队列工作机制当添加一个任务到线程池中时,线程池会判断工作线程数量是否小于核心线程数,若小于创建工作线程,执行任务;反......
  • 懂个锤子Vue 自定义指定、插槽:
    Vue自定义指定、插槽......
  • Quart自定义文件导出名
    直接上代码fromquartimportQuart,send_fileimportioimportxlwtapp=Quart(__name__)@app.route('/download-excel',methods=["POST"])asyncdefdownload_excel():#创建一个简单的Excel文件workbook=xlwt.Workbook()sheet=workb......
  • funccache:革命性的Python函数缓存工具,轻松提升代码效率!
    funccacheEnglish|中文如其名,funccache实现函数缓存功能,由GQYLPY团队研发的一个框架,可缓存某个函数或某个类中定义的所有方法的返回值。你的程序中有一个函数会被多次调用,并且返回值不变,你会怎么做?为提高代码效率,你会先调用一次该函数并把返回值存到一个变量,之后就使用......
  • 【C++】构造函数的深入学习
    一、初始化列表C++提供初始化列表语法用来初始化属性语法:构造函数():属性1(值1),属性2(值2)...{}classPeople{public://传统初始化操作Person(inta,intb,intc){A=a;B=b;C=c;}//初始化列表初始化属性Pers......
  • 自定义Obsidian输入栏宽度
    自定义Obsidian输入栏宽度以Obsidian的主题Minimal为案例,进行输入栏宽度的调整;若是没有此主题Minimal,通过设置找到外观后,主题那栏点击管理输入Minimal进行下载(这个主题还是挺不错的);点击左下角设置,选择外观,点击文件夹,找到对应的.css文件文件夹的......
  • springboot自学(5)自定义starter
      测试文件可以删除掉了,配置文件改一下后缀修改pom业务代码开发添加自动配置类,并且加上spring.factories到此为止就初步完成了,install到本地的maven仓库然后在使用的项目里加上依赖就行了导入项目,并调用定时任务报表开发先做个表格的打印方法表格......
  • mypy 从被调用函数推断类型签名
    有没有办法从被调用函数推断调用者的类型签名?在下面的示例中,(重载)Test1.f函数按预期工作。Test2.get_arg().f也有效。问题是:以类型安全的方式实现Test2.f的正确(最短)方法是什么,或者最接近的解决方法是什么?Test2.f只是Test2.get_a......