Javascript Vue JS标签赢得';t从JSON呈现为HTML

Javascript Vue JS标签赢得';t从JSON呈现为HTML,javascript,vue.js,href,vue-router,Javascript,Vue.js,Href,Vue Router,我有JSON,其中包含HTML标记,如href,如何单击它而不刷新页面?我已经找过了,但是没有人在工作 桌子 JSON 我使用的是JSON数据表。除非您打开了,否则很遗憾,您无法像那样动态添加组件。有一个阅读和如何 但在大多数情况下(除非是服务器端渲染),您希望将路由器链接属性作为对象传递,例如: const jsonData = [ { id: 2, title: 'First Vue JS', body: 'Vue JS', aksi: {

我有JSON,其中包含HTML标记,如
href
,如何单击它而不刷新页面?我已经找过了,但是没有人在工作

桌子

JSON 我使用的是JSON数据表。

除非您打开了,否则很遗憾,您无法像那样动态添加组件。有一个阅读和如何

但在大多数情况下(除非是服务器端渲染),您希望将路由器链接属性作为对象传递,例如:

const jsonData = [
  {
    id: 2,
    title: 'First Vue JS',
    body: 'Vue JS',
    aksi: {
      text: 'Edit',
      attrs: {
        to: {
          name: 'edit',
          params: {
            // Assuming you have the `post` item here (usually while doing `v-for`)
            id: post.id
          }
        },
        class: 'btn btn-primary'
      }
    }
  }
]
并呈现它们,如:


{{item.title}
{{item.body}
{{item.aksi.text}

如果您没有在模板中循环这些单元格,您可能希望了解如何执行和自定义其中的特定单元格。

在我看来,您似乎需要使用auth guards

看这里

您必须尝试的第一件事是,当使用此处的代码单击路由时,您是否能够记录一些内容

router.beforeEach((to, from, next) => {
  console.log(to);
  console.log(from);
})
如果这条路线成功,请尝试以下操作

beforeRouteLeave (to, from, next) {  
  if (to === "edit") {    
    next(false)
  }
}

你能用适当的例子和你的工作来更新这个问题吗?你已经使用@click.prevent了吗?任何像@click这样的vue js标记和脚本在json中都不起作用,请参见图片。。标记应该呈现到href中,但因为它来自json,所以不会呈现..顺便问一下,react js或angular如何?对于laravel和json数据,哪一个更灵活?好吧,这个问题无关紧要,但我可以说这不是哪个框架的问题,而是如何实现的问题,因为这些框架构建在Javascript之上。