I am not sure but I think you are mixing ractive and vue syntax.
In ractive you have a <script/> and a <div id="target"/>. The script is
rendered in the target.
In vue (which you use), the ractive code is in place but you still use a
script instead of a div.
Massimo
On Saturday, 27 June 2015 12:34:31 UTC-5, Ramos wrote:
>
> No help :)
> Im doomed...
> Em 26/06/2015 17:29, "António Ramos" <ramstei...@gmail.com> escreveu:
>
>> 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 web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
