vue.js 如何获取自定义 component 上的属性值?

2016-04-22 18:54:21 +08:00
 nayuxuohz

<sbx url="/"></sbx>

如上面 sbx 的 url 属性,只是单纯字符,页面上由后台写入

sbx是独立的vue文件,所以后台变量不能写在里面

var Sbx = Vue.extend({ ... });

不会用markdown... XD

那如何在实例中获取到呢?

10380 次点击
所在节点    前端开发
5 条回复
SourceMan
2016-04-22 19:20:00 +08:00
props
NemoAlex
2016-04-22 19:21:17 +08:00
问题描述得不清楚。既然是 vue 文件,那么应该是用 webpack 之类的打包吧?这样的应用怎么还要服务器端生成 html ?
如果只是变量传递,使用 binding 的方式 :url ,然后在组件里 props 定义一下,就可以用了。
airyland
2016-04-22 21:25:55 +08:00
看文档的组件部分
chairuosen
2016-04-22 21:51:03 +08:00
props 定义,作为实例属性就能获取
nayuxuohz
2016-04-25 10:54:37 +08:00
@NemoAlex 用的 browserify 打包,不是服务端生成 html , 是有个参数要通过后台写到页面上,如 html 里有<app url="/"></app>, vue 文件则是打包,现在解决了,在 attached 事件中 this.url 就是,这里有些奇耙

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/273720

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX