Skip to Content
Menu
This question has been flagged
1 Reply
9264 Views
Here are my code lines of Odoo XML template with vue.js/vuetify. 
When rendering, Odoo server is sending some of errors. v-bind, v-on, shortcut keys (:, @) are not working.
What is the way to resolve my issues on Odoo XML?
Thanks.


<?xml version="1.0" encoding="utf-8" ?>
<openerp>
<data>
<template id="index">
<head>
<link
href="https://fonts.googleapis.com/css?family=Roboto:100:300,400,500,700,900|Material+Icons"
rel="stylesheet"/>
<link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet"/>
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"/>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="app">
<v-flex class="xs12 sm6 lg3 md4">
<v-menu
ref="menu"
v-model="menu"
nudge-right="40"
:return-value.sync="selectDate"
    @click="transition()"
    class="lazy offset-y full-width"
    min-width="250px"
>
<v-text-field
slot="activator"
v-model="selectDate"
label="Select the filtering date"
prepend-icon="event"
></v-text-field>
<v-date-picker
v-model="selectDate"
></v-date-picker>
</v-menu>
</v-flex>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script>

<script>
new Vue({ el: '#app',
data () {
return {};
},
});
</script>
</body>
</template>
</data>
</openerp>
Avatar
Discard
Best Answer

Check out Odoo-In-Vue. It should give you some ideas: https://www.odooinvue.org
Its basically a project that is aimed at giving you everything you need to get started with Vue development with Odoo in the back.

Avatar
Discard
Related Posts Replies Views Activity
1
Jan 23
1325
3
Aug 20
4023
0
Feb 18
1659
0
Apr 16
3388
1
Mar 21
9598