Javascript Vue JS标签赢得';t从JSON呈现为HTML
我有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: {
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之上。