小编Zak*_*k A的帖子

在load vue.js上运行组件方法

嘿,我对Vue.js很陌生,我正在努力完成一件似乎很简单的事,但我遇到了麻烦.从本质上讲,我需要它,所以每次将一个组件加载到DOM中时,其中一个方法就会触发.这是我当前的代码,我尝试使用v-on:load但它似乎不起作用.

Vue.component('graph', {
    props:['graphId','graphData'],
    template: '<canvas v-on:load="{{populateGraph()}}"></canvas>',
    methods: {
        initGraph: function () {
            var settlementBalanceBarChart = new Chart(this.graphId, {
                type: "bar",
                data: settlementBalanceBarData,
                options: settlementBalanceBarOptions
            });
        },
        //this is the function I would like to run
        populateGraph: function () {
            alert('{{graphId}}');
        }
    }

});

var vm = new Vue({
    el: "#app",
    mounted: function(){

    }

});
Run Code Online (Sandbox Code Playgroud)

如果我使用v-on:click事件,相同的代码功能正常

javascript vue.js vue-component

22
推荐指数
2
解决办法
2万
查看次数

标签 统计

javascript ×1

vue-component ×1

vue.js ×1