VueJS onclick在另一页中触发v模型功能

Question

我是VueJS的新手，我有两个页面，博客列表页面和博客文章页面。

博客列表具有用于类别过滤的功能，当选中类别复选框时，将填充相应的类别列表。

//loop for few categories
<input type="checkbox" v-model="search_cate" :value="Automobile"> Automobile
<input type="checkbox" v-model="search_cate" :value="Superbike"> Superbike
<input type="checkbox" v-model="search_cate" :value="Engine Parts"> Engine Parts

用于控制类别过滤器的vuejs很棒，脚本如下：

new Vue ({
    data: {
        search_cate: [],
    },
    watch: {
        search_cate: function (newVal) {
            this.refresh()
        }
    },
    methods: {
        refresh: function () {
            this.refreshItems()
        },

        refreshItems: function () {
            param = param + "&topic=" + this.search_cate

            this.$http.get('{{ url("/api2/test") }}?' + param)
            .then(function (response) {

            try{
                data = JSON.parse(response.data)
            }catch(err){
                data = response.data
            }

            this.items = data.data
            this.items_current = data
        })
    }
})

这是我的问题，在博客文章页面上有一个用于上述过滤类别的子链接，每个类别都应链接回博客列表页面并按其各自的类别进行过滤，我在此问题上找不到解决方案，是当我单击返回博客列表页面的链接时，是否有机会传递类别值并触发监视（search_cate）函数？

子链接为：

<li><a href="" data-value="Automobile">Automobile</a></li>
<li><a href="" data-value="Superbike">Superbike</a></li>
<li><a href="" data-value="Engine Parts">Engine Parts</a></li>

谢谢。