Hello ,
so far so good i created my second vuejs page inside web2py and this time
using components.
my doformind.js has some components and changes the delimiters to avoid
colision with curlies.
Vue.config.delimiters = ['(%', '%)'];
Vue.component('pote', {
props: ['name','items'],
template: '#pote' *<- refering to the html template inside my page*
});
etc....
my html ...
{{response.files.append(URL(r=request,c='static',f='/js/vue.min.js'))}}
{{response.files.append(URL(r=request,c='static',f='/js/vue-resource.min.js'))}}
{{response.files.append(URL(r=request,c='static',f='/js/toastr.js'))}}
{{response.files.append(URL(r=request,c='static',f='/js/jquery-ui.js'))}}
*{{response.files.append(URL(r=request,c='static',f='/js/doformind.js'))}}*
{{response.files.append(URL(r=request,c='static',f='/css/toastr.css'))}}
*{{response.files.append(URL(r=request,c='static',f='/css/doformind.css'))}}*
{{extend 'layout.html'}}
<script type="text/x-template" id="pote">
<span class="label label-info">(%name%)</span>
<div>
<ul class="sortable-list">
<li v-repeat="item:items|only name "><macro-doses
pote='(%name%)' mp='(%item%)' myid=(%name%)
items=(%items%)></macro-doses></li>
</ul>
</div>
</script>
....
....
somewhere in my page i have this component
<pote name="1" items="(%items%)"></pote>
All of this works very well outside web2py.
Inside web2py i get a blank page and in chrome dev tools i see that
<pote name="1" items="(%items%)"></pote>
was translated to
<pote name="1" items="[object Object],[object Object]"></pote>
instead of
<pote name="1">
<span class="label label-info">1</span>
<div>
<ul class="sortable-list ui-sortable">
</ul>
</div></pote>
the items object have to elements each a json object.
What could be the problem ?
I suspect that the
<script type="text/x-template" id="pote">
is not being correctly interpteted.
Any comments would be very appreciated.
Thank you
António
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.