这是一个创建于 3128 天前的主题，其中的信息可能已经有所发展或是发生改变。
/* Application Router */
var Views_Edit = Vue.extend({
template: 'test'
})
var App = Vue.extend({})
var router = new VueRouter()
router.map({
'/user/edit': {
component: Views_Edit
}
})
router.start(App, '#app')
/* Application Router END */
这是目前的路由代码，我想把它改成用 vue-resource 请求 /user/api/edit 获取视图数据，然后赋值到 Views_Edit 的 template 中，再展示在用户浏览器中，请问应该怎么改？
var Views_Edit = Vue.extend({
template: 'test'
})
var App = Vue.extend({})
var router = new VueRouter()
router.map({
'/user/edit': {
component: Views_Edit
}
})
router.start(App, '#app')
/* Application Router END */
这是目前的路由代码，我想把它改成用 vue-resource 请求 /user/api/edit 获取视图数据，然后赋值到 Views_Edit 的 template 中，再展示在用户浏览器中，请问应该怎么改？
8 条回复 • 2016-05-05 13:04:47 +08:00
 |
1
airyland 2016-04-23 13:24:16 +08:00
直接在 Views_Edit 加个 data () 获取数据，看文档。
|
|
3
airyland 2016-04-23 13:43:21 +08:00  1
@ZGLHHH 额。。这看下文档目录就知道了吧。 http://vuejs.github.io/vue-router/zh-cn/pipeline/data.html
|
 |
5
nnil 2016-04-24 12:45:24 +08:00 via Android
给 template 取个 id
|
 |
7
miaotaizi 2016-05-05 13:04:14 +08:00 1
请细看 http://vuejs.github.io/vue-router/zh-cn/pipeline/data.html
你应该在 Views_Edit 的对象中添加 ```js route: { data: function (transition) { return {propsData: data} } } ``` |
|
8
miaotaizi 2016-05-05 13:04:47 +08:00
大概就是这样 return 的对象 会自动赋值到当前组件的 data 上去
|
Select Language