Vue-使用获取本地存储的对象更新路由器链接查询路径

Question

我正在尝试从本地存储中获取值，以传递给对象，然后将其传递给路由器链接查询。我可以使其在页面加载时正常工作，但是当本地存储更改时对象不会更新。我把这个变得太复杂了吗？

<router-link :to="{ path: '/trade', query: tradeQuery}" active-class="active" id="btn-trade">Trade</router-link>

computed: {
    tradeQuery() {
        const params = {
            mode: localStorage.getItem('tradeMode') || 'advanced',
            instrument: 'currentTrade',
        };
        return params;
    },
},