I dont use ractive. Only Vuejs and a template inside a script tag is what i
learned from the docs and video tutorials.
Is the
<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>
accepted by web2py without any compilation so vue can do its job?
Regards
2015-06-28 9:23 GMT+01:00 Massimo Di Pierro <massimo.dipie...@gmail.com>:
> 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.
>
--
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.
