Javascript 在刀片模板中使用VueJS事件

我有一个ajax视图，它被附加到我的vue容器中，我试图找出是否可以在我的刀片模板中添加一些vue事件，并让vue监听事件

例如在刀片中

<td v-on:click="methodToCall(tdData)"></td>

<td v-on:click="methodToCall(tdData)"></td>

洞场景

<template>
    <div>
        <div id="stats"></div>
        <span class="loading"></span>
    </div>
</template>


<script>

    export default {

        props: ['user'],

        created() {            
           this.fetchData(this.user);            
        },

        methods: {

            fetchData(user) {
                axios.get('/api/v1/user/' + user, {
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                }).then(response => {
                    this.data = response.data.view;
                    $('#stats').append(this.data);
                    $('#supplyUser').select2();

                }).catch(error => {

                });
            },
            methodForBladeAction() {} 

        },



        data() {
            return {
                allProjects: {},
                year: null,
                data: {},
                listing: []
            }
        }
    }

</script>

我有一个ajax视图，它被附加到我的vue容器中，我试图找出是否可以在我的刀片模板中添加一些vue事件，并让vue监听事件

例如在刀片中

<td v-on:click="methodToCall(tdData)"></td>

<td v-on:click="methodToCall(tdData)"></td>

洞场景

<template>
    <div>
        <div id="stats"></div>
        <span class="loading"></span>
    </div>
</template>


<script>

    export default {

        props: ['user'],

        created() {            
           this.fetchData(this.user);            
        },

        methods: {

            fetchData(user) {
                axios.get('/api/v1/user/' + user, {
                    headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                }).then(response => {
                    this.data = response.data.view;
                    $('#stats').append(this.data);
                    $('#supplyUser').select2();

                }).catch(error => {

                });
            },
            methodForBladeAction() {} 

        },



        data() {
            return {
                allProjects: {},
                year: null,
                data: {},
                listing: []
            }
        }
    }

</script>

---

你试过了吗？在刀片服务器中使用vue没有任何问题，但什么是

tdData

？那是在一个v-for中吗？你能不能再添加一点代码，让问题更清楚，再加上任何错误？我试过了，但我在methodToCall（）上得到了未定义的函数。还有一些事情发生了，你能添加更多的blade模板和vue实例吗？所以你想从子组件中的blade模板访问一个方法，是吗？是的，那就是你的想法你试过了吗？在刀片服务器中使用vue没有任何问题，但什么是

tdData

？那是在一个v-for中吗？你能不能再添加一点代码，让问题更清楚，再加上任何错误？我试过了，但我在methodToCall（）上得到了未定义的函数。还有一些事情发生了，你能添加更多的blade模板和vue实例吗？所以你想从子组件中的blade模板访问一个方法，是这样吗？是的，就是这样

{!! $service->hoursOnDays($supply, $employee, $workspaces, $dates, $data, $holidays) !!}