[
https://issues.apache.org/jira/browse/WEEX-116?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Edward Zhang updated WEEX-116:
------------------------------
Description:
I want to transplant Onsen UI to weex environment. official site is below:
https://onsen.io/
BUT, I met some errors while i running code. It is ok to webpack my app. BUT
when I serve it in browser, i suppose vue do not support instance property.
some snippets below:
in main.js
{code:javascript}
new Vue({
el: '#root',
render: h => h(AppNavigator),
store: new Vuex.Store(storeLike),
beforeCreate: function() {
// Shortcut for Material Design
*Vue.prototype.$md = this.$ons.platform.isAndroid();*
}
});
{code}
in AppSplitter.vue
{code:html}
<template>
<v-ons-page>
<v-ons-splitter>
<v-ons-splitter-side swipeable side="right" collapse=""
width="260px"
:swipe-target-width="*$md* && 25"
:animation="*$md* ? 'overlay' : 'reveal'"
:open.sync="isOpen"
>
<menu-page></menu-page>
</v-ons-splitter-side>
<v-ons-splitter-content>
<app-tabbar></app-tabbar>
</v-ons-splitter-content>
</v-ons-splitter>
</v-ons-page>
</template>
{code}
Error information is right below in the attachment. Does anyone tell me why?
And anyone who would like to help me. You can clone my github project:
https://github.com/Edward-Roshan/Weex-Onsen
Does Anyone just help me to launch it?
was:
I want to transplant Onsen UI to weex environment. official site is below:
https://onsen.io/
BUT, I met some errors while i running code. It is ok to webpack my app. BUT
when I serve it in browser, i suppose vue do not support instance property.
some snippets below:
in main.js
{code:javascript}
new Vue({
el: '#root',
render: h => h(AppNavigator),
store: new Vuex.Store(storeLike),
beforeCreate: function() {
// Shortcut for Material Design
{color:red}Vue.prototype.$md = this.$ons.platform.isAndroid();{color}
}
});
{code}
in AppSplitter.vue
{code:html}
<template>
<v-ons-page>
<v-ons-splitter>
<v-ons-splitter-side swipeable side="right" collapse=""
width="260px"
:swipe-target-width="{color:red}$md{color} && 25"
:animation="{color:red}$md{color} ? 'overlay' : 'reveal'"
:open.sync="isOpen"
>
<menu-page></menu-page>
</v-ons-splitter-side>
<v-ons-splitter-content>
<app-tabbar></app-tabbar>
</v-ons-splitter-content>
</v-ons-splitter>
</v-ons-page>
</template>
{code}
Error information is right below in the attachment. Does anyone tell me why?
And anyone who would like to help me. You can clone my github project:
https://github.com/Edward-Roshan/Weex-Onsen
Does Anyone just help me to launch it?
> It seems vue doesn't support instance property in weex.
> -------------------------------------------------------
>
> Key: WEEX-116
> URL: https://issues.apache.org/jira/browse/WEEX-116
> Project: Weex
> Issue Type: Bug
> Reporter: Edward Zhang
> Assignee: Adam Feng
> Priority: Critical
> Attachments: error.png
>
>
> I want to transplant Onsen UI to weex environment. official site is below:
> https://onsen.io/
> BUT, I met some errors while i running code. It is ok to webpack my app. BUT
> when I serve it in browser, i suppose vue do not support instance property.
> some snippets below:
> in main.js
> {code:javascript}
> new Vue({
> el: '#root',
> render: h => h(AppNavigator),
> store: new Vuex.Store(storeLike),
> beforeCreate: function() {
> // Shortcut for Material Design
> *Vue.prototype.$md = this.$ons.platform.isAndroid();*
> }
> });
> {code}
> in AppSplitter.vue
> {code:html}
> <template>
> <v-ons-page>
> <v-ons-splitter>
> <v-ons-splitter-side swipeable side="right" collapse=""
> width="260px"
> :swipe-target-width="*$md* && 25"
> :animation="*$md* ? 'overlay' : 'reveal'"
> :open.sync="isOpen"
> >
> <menu-page></menu-page>
> </v-ons-splitter-side>
> <v-ons-splitter-content>
> <app-tabbar></app-tabbar>
> </v-ons-splitter-content>
> </v-ons-splitter>
> </v-ons-page>
> </template>
> {code}
> Error information is right below in the attachment. Does anyone tell me why?
> And anyone who would like to help me. You can clone my github project:
> https://github.com/Edward-Roshan/Weex-Onsen
> Does Anyone just help me to launch it?
--
This message was sent by Atlassian JIRA
(v6.4.14#64029)
