在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/Python  HTML/ vue如何不綁定事件就讓函數(shù)執(zhí)行

vue如何不綁定事件就讓函數(shù)執(zhí)行

如下vue組件：

<template>
    <div class="parent">
       <canvas ref="canvas2" ></canvas>
    </div>
</template>
<script type="text/ecmascript-6">
    export default {
        methods: {
            writeFont(){
                var canvas = this.$refs.canvas2;
                var ctx = canvas.getContext('2d');
                 ctx.font = '24px Arial';
                ctx.fillStyle = '#333333';
                ctx.fillText('帶陰影的文字', 20, 20);
            }
        }
    }
</script>

如何讓writeFont方法在組件加載時(shí)執(zhí)行，而不是將其綁定到某個(gè)標(biāo)簽上。

回答
編輯回答
好難瘦

了解一下vue的生命周期，綜上所述，樓上說(shuō)的都對(duì)，除了樓主~

2017年6月6日 04:59
編輯回答
膽怯

可以再vue的組件生命周期中的created 里執(zhí)行

    export default {
        created(){
            this.writeFont()
        }
        methods: {
            writeFont(){
                var canvas = this.$refs.canvas2;
                var ctx = canvas.getContext('2d');
                 ctx.font = '24px Arial';
                ctx.fillStyle = '#333333';
                ctx.fillText('帶陰影的文字', 20, 20);
            }
        }
    }

詳見(jiàn)官方文檔https://cn.vuejs.org/v2/guide...

2018年1月15日 16:53
編輯回答
巴扎嘿

在created或者mounted鉤子里面執(zhí)行

created() {
    this.writeFont()
}
2017年5月4日 15:17