小编Pil*_*lle的帖子

表上的Vue.js v-component

在Vue.js文档中,他们说在使用表中的组件时必须使用v-component而不是direct component-tag.但这不起作用:你有任何解决方法 - 即使使用CSS格式化 - 或修复?

@extends('app')

@section('content')
    <div class="table-responsive" id="vueTable">
        <table class="table-striped">
            <thead>
                <td class="table-cell"><strong>Aktion</strong></td>
            </thead>
            <tr v-component="members" class="success" v-repeat="members" inline-template>
                <td>@{{ $data | json }}</td>
            </tr>
        </table>
    </div>
@endsection

@section('footer')
    <script src="/js/vue.js"></script>
    <script>
        var v = new Vue({
            el: '#vueTable',
            data: {
                members: [{
                    prename: 'Deniz',
                    lastname: 'Adanc'
                }]
            },
            components: {
                members: {
                    template: ''
                }
            }
        });
    </script>
@endsection
Run Code Online (Sandbox Code Playgroud)

javascript css components html-table vue.js

1
推荐指数
1
解决办法
4425
查看次数

标签 统计

components ×1

css ×1

html-table ×1

javascript ×1

vue.js ×1