首页 > 解决方案 > 重新加载 Chrome 扩展程序

问题描述

我正在添加一项功能以从我的 Chrome 扩展程序中删除帐户。我正在使用Vue,我有这个:

export const store = new Vuex.Store({
    sync: sessionStorage,
    state:{
        accounts:JSON.parse(localStorage.getItem('accounts')) || {}
    },  
    mutations:{
        addAccount(state,account){
            state.accounts[account.apikey] = account
            localStorage.setItem(
                "accounts",
                JSON.stringify(state.accounts)
            );  
        },  
        removeAccount(state,account){
            const accounts = JSON.parse(localStorage.getItem('accounts'));
            delete accounts[account.apikey];
            localStorage.setItem(
                "accounts",
                JSON.stringify(accounts)
            );  
            chrome.runtime.reload();
        }   
    },  
    getters:{
        accounts(state){
            return state.accounts;
        }   
    }   
})

最初我不打算重新加载扩展,但由于某种原因,我无法弄清楚如何在扩展页面上显示更改。该帐户已从 中删除local.storage,但扩展程序仍显示该帐户。无论如何,我正在使用chrome.runtime.reload();重新加载扩展,但它实际上并没有重新加载它。它只是关闭它,但从不打开它。

知道我可能会错过什么吗?

标签: javascriptgoogle-chrome-extension

解决方案


推荐阅读