nuxt下动态路由跳转并传参

Question

问题遇到的现象和发生背景

nuxt框架下动态路由跳转并传参，在一个界面有个编辑按钮可以跳转到另一页面，并可以对那个界面的内容编辑保存

问题相关代码，请勿粘贴截图

第一个界面，路由跳转：

<router-link :to="'/enter/'+scope.row.id">
<el-button type="primary" size="mini" icon="el-icon-edit" >修改</el-button>
</router-link>

第二界面获取参数

created() {
    if(this.$route.params && this.$route.params.id){
            var id = this.$route.params.id
            this.fetchDataById(id)
         }
  },
 
  methods: {

    
         fetchDataById(id) {
            enter.getEnterSet(id).then(response => {
                this.enterset = response.data
              
            })
        },
        }

运行结果及报错内容

实际界面：

错误内容：

Answer 1

查看id是否传递过来，查看接口