Vue.js VueJS如何将表单参数推送到vue路由器？

我正在尝试创建一个编辑表单。如何从url（vue路由器）获取参数并将其传递到html表单？如何将表单数据推送到url

使用者
团队
生日
编辑

您可以在路由URL中使用

查询

：

将所有multiselect字段存储在一个计算变量中，并添加一个观察者，以便在参数发生任何更改时将新参数推送到URL：

computed: {
    queryParams({ user, team, calendarDate }) {
        return {
            user: user,
            team: team,
            bday: calendarDate
        }
    }
},
watch: {
    queryParams() {
        this.$router.push( name: this.$route.name, query: this.queryParams })
    }
}

创建页面时，使用函数获取查询并设置表单变量：

created() {
    this.setQueryParams();
},
methods() {
    setQueryParams() {
        const query = this.$route.query;
        this.user = query.user;
        this.team = query.team; 
        this.calendarDate = query.bday;
        // you might need to do some formatting for the birthday and do some checks to see if the parameter exists in the query so you don't get errors
    }
}