登录  /  注册
Vue JS - <tr> 、 <td> 元素传递到表组件时未渲染
P粉449281068
P粉449281068 2024-03-27 13:42:56
[Vue.js讨论组]

我已经使用 vue.js 注册了一个文件表组件:

<template>
        <div>
            <table class="table border">
                <thead>
                    <tr>
                        <td>header 1</td>
                        <td>header 2</td>
                    </tr>
                </thead>
                <tbody>
                    <slot></slot>
                </tbody>
            </table>
        </div>
    </template>
    
    <script>
    export default {};
    </script>
    <style></style>

我想将它用作代表性组件。当我尝试在 Laravel Blade 中将 tr 和 td 元素传递给它时,如下所示:

<table-component>
                <tr>
                    <td>2</td>
                    <td>2</td>
                    <td>2</td>
                    <td>2</td>
                </tr>
</table-component>

我如何注册组件:

Vue.component(
    "table-component",
    require("./components/admin/TableComponent.vue").default
);

除了行和数据元素之外的所有内容都会被渲染,并且表格会变得不规则。这是在浏览器中呈现后的表格内容和元素:

浏览器图片中的表格元素

我阅读了在线文章并通过 Q/As 进行了搜索,但没有找到任何内容。

P粉449281068
P粉449281068

全部回复(1)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号