问题标签 [vue-router]

我正在尝试在 laravel 项目中将一些 Vue.js 组件加载到我的 app.js 文件中（通过 elixir 使用 browserify/vueify）。

我不想一次加载每个组件，而是想在需要时使用vue router延迟加载各个 vue 组件。

我在哪里设置partition bundle json文件以及应该如何构建文件？

目前，我将以下内容绑定到我的主要app.js文件中：

这是我卡住的地方：

1. 我们如何在router.map函数中延迟加载上面列出的所有 .vue 组件？
2. 如何设置上述partition table json文件，应该保存在哪里？

我正在尝试使用 vue-router 在 Vuejs 视图之间传递数据。

我使用单击操作按钮调用下一个视图：

但是下一个视图中没有填充数据：

有人知道我使用 vue-router 有什么问题吗？我认为我不需要为此通过服务，对吗？

欢迎使用 jsfiddle（或 jsbin 等）的工作示例：D

在我的数据库 Web 应用程序中，我需要很多不同的页面，每个表一个。应用程序中的哪些页面对于每个用户来说都是不同的，所以我不想事先将它们全部包括在内，因为这会使事情变得不必要的大，并且在启动时可能会变慢。

到目前为止，在我的应用程序中，我只有 1 个Vue实例，它保存所有页面的数据，每个页面都在它自己的data. 数据以 JSON 格式动态加载vue-resource（使用$http.get()），因此在启动时data是空的。

现在我需要一种动态加载页面 HTML 并将它们绑定到现有Vue实例的方法。我以前用 jQuery 加载页面，但是当我在这个 Vue 应用程序中这样做时，数据没有绑定到加载页面的内容。

我查看了 Vue 组件，但这似乎更适合页面上的可重复（小）元素，而不是整个页面，但如果我错了，请纠正我。

我也遇到过vueify,browserify和Webpack，但现在这些对我来说似乎有点太高级了。我只想加载一些 HTML 并将其与 Vue 一起使用，就像之前已经包含的一样。

有人可以解释一下正确的方法吗？

更新

Vue partials似乎是一个解决方案：

在您的 HTML 文件中：

<partial :name="currentModule"></partial>

并在您的 Javascript 中：

这vue-resource用于 AJAX，但这也可以通过jquery.ajax()其他方式来完成。

我正在尝试使用组件和路由创建分步表单。如果有更好或更简单的方法可以做到这一点，请随时提出建议，因为我是 Vue.js 的新手。

我有一个和 3 个模板。

我想要做的是，在#step-3 上显示输入值，然后单击按钮，通过 ajax 调用提交表单。

您可以从这里查看小提琴：https ://jsfiddle.net/j7mwc9wk/

我有一个使用 vue-router 的 vue 应用程序。

我注册了一个特定的转换slide，我想在路线之间导航时使用它。在我的App组件中，我将v-transitionandtransition-mode指令添加到route-view：

当我尝试运行它时，我收到控制台错误：

[Vue 警告]：无法解析指令：transition（在组件中找到：）

我一直在阅读文档并查看示例，但我无法弄清楚为什么在尝试解决绑定时会出错。

有任何想法吗？

tl;博士：

在 Vue.jsvue-router中，我们如何使路由param立即跟随非/字符并且仍然被解析？

--

解释

我希望一些网址看起来像：

在 Flask 中，这可以通过以下方式完成：

但我找不到一种方法来使这项工作在vue-router. 当我尝试：

该username参数根本不会解析（在模板中，也不是在浏览器的地址栏中键入时）：

我使用VueRouter和HTML5 历史模式。我使用带有锚标签的引导程序“导航”。当用户单击任何锚标记时，Vue 应用程序会重新加载。

html示例

有什么方法可以通过路由器忽略锚标签吗？

I am relatively new to Vue, so forgive me if this is obvious (or obviously impossible).

I have a set of JSON data (fetched from a RESTful API via vue-resource):

{content: "This is content. <a href='/blog'> Link to blog </a>"}

Right now, the link triggers a page reload. If it were a vue-router v-link, that would not be an issue. However, this doesn't work (quotes are escaped in the data, of course):

{content: "This is content. <a v-link="{ path: '/blog' }"> Link to blog </a>"}

At this point, the template is already parsed, and Vue won't create a v-link anymore (it will just show up as a v-link in the rendered html).

My final result would ideally mean that I could include links in my CMS, either in HTML or Vue format, and have Vue route them correctly as v-links.

Is there something I can do to make Vue interpret the link in the JSON data?

所以我使用 laravel 5.2 制作了一个 api，并使用 VueJs 从中提取数据。我能够通过获取所有结果来获取 index() 操作的数据。现在我的问题变得有点复杂了。我需要创建一个 show() 方法，以便表格中的每个帖子都会转到它的单个帖子页面。

这是我的 VueJs 代码。

这是我的 显示所有帖子

我的问题： 1. 我应该为 show 方法创建一个单独的文件吗？2. 如何利用 laravel ioc 从 post 模型中获取 $slug 并显示单页。

我试图弄清楚如何使用 Vue 在同一条路线上拥有 2 个不同的组件。

主页或登录页面，取决于用户是否经过身份验证。也许我在文档中遗漏了一些东西，但我无法也无法弄清楚。甚至可能吗？

谢谢