如何使用合成API提供函數?

是否可以在VUE3中提供函數,然后在子組件中調用該函數?

我知道這對option API有效:

provide() {
    return {
        $list: this,
    };
},

但是我怎樣才能用composition API實現同樣的效果呢?

我的方法是:

Parent component:

setup(props) {
    const handleEdit = (item) => {
       emit("edit", item);
    };

    provide("$list", handleEdit);
    
    return { handleEdit };
}

Child component:

setup(props) {
    const { item } = props;
    const list = inject("$list");
        
    const handleEditItem = (e) => {
        list.handleEdit(item);
    };
}

這里是錯誤Uncaught TypeError: _ctx.handleEditItem is not a function

? 最佳回答:

我認為你可以通過傳遞一個對象來實現,這樣你就可以在需要的時候傳遞其他變量和方法。

parent.vue

setup(props) {
    const handleEdit = (item) => {
       emit("edit", item);
    };

    provide("$list", {handleEdit}); // <= change here
    
    return { handleEdit };
}
主站蜘蛛池模板: 国产免费一区二区三区| 亚洲一区二区三区AV无码| a级午夜毛片免费一区二区| 无码少妇一区二区| 精品一区二区三区视频在线观看| 国产成人综合一区精品| 国模吧一区二区三区| 亚洲片国产一区一级在线观看| 亚洲a∨无码一区二区| 亚洲一区中文字幕| 久久久综合亚洲色一区二区三区| 一区二区三区在线| 一区二区三区在线看| 能在线观看的一区二区三区| 精品国产一区在线观看 | 少妇人妻偷人精品一区二区| 日本香蕉一区二区三区| 在线精品一区二区三区电影| 日韩成人无码一区二区三区| 国产福利一区二区三区在线视频| 无码国产精品一区二区免费vr| 久久久精品一区二区三区| 国产日韩AV免费无码一区二区 | 亚洲丰满熟女一区二区哦| 精品一区二区三区波多野结衣| 国产精品视频一区二区三区四 | 亚洲天堂一区二区三区| 久久亚洲国产精品一区二区| 无码人妻视频一区二区三区| 无码视频一区二区三区在线观看| 亚洲AV本道一区二区三区四区| 少妇激情AV一区二区三区| 美女毛片一区二区三区四区| 亚洲一区免费视频| 精品一区二区三区| 日韩十八禁一区二区久久| 亚洲一区二区三区乱码A| 国产品无码一区二区三区在线蜜桃 | 精品一区二区在线观看| 人妻无码一区二区不卡无码av| 精品人妻中文av一区二区三区|