ajout vue select sans passer par webpack

This commit is contained in:
Christophe 2021-01-23 18:25:26 +01:00
parent 8afec22b88
commit abc1b659d4
3 changed files with 24 additions and 4 deletions

View file

@ -1,4 +1,5 @@
<link rel="stylesheet" href="[(#CHEMIN{css/gamutable.css}|compacte|timestamp)]" type="text/css" media="screen" title="no title" charset="utf-8"> <link rel="stylesheet" href="[(#CHEMIN{css/gamutable.css}|compacte|timestamp)]" type="text/css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="https://unpkg.com/vue-next-select/dist/index.min.css">
[(#SET{sort_asc,[(#CHEMIN{img/sprite_gamutable.svg})#sort_asc]})] [(#SET{sort_asc,[(#CHEMIN{img/sprite_gamutable.svg})#sort_asc]})]
[(#SET{sort_desc,[(#CHEMIN{img/sprite_gamutable.svg})#sort_desc]})] [(#SET{sort_desc,[(#CHEMIN{img/sprite_gamutable.svg})#sort_desc]})]
<span class="crayon gamutable-yyyy-nn"></span> <span class="crayon gamutable-yyyy-nn"></span>
@ -49,10 +50,12 @@ var nomBlocAjaxReload = '';
[(#CONFIG{gamutable/version_js}|=={dev}|?{ [(#CONFIG{gamutable/version_js}|=={dev}|?{
<script src="[(#CHEMIN{js/vue.js}|timestamp)]" type="text/javascript"></script> <script src="[(#CHEMIN{js/vue.js}|timestamp)]" type="text/javascript"></script>
<script src="[(#CHEMIN{js/papaparse.js}|timestamp)]" type="text/javascript"></script> <script src="[(#CHEMIN{js/papaparse.js}|timestamp)]" type="text/javascript"></script>
<script src="https://unpkg.com/vue-next-select"></script>
<script src="[(#CHEMIN{js/gamutable.js}|timestamp)]" type="text/javascript"></script> <script src="[(#CHEMIN{js/gamutable.js}|timestamp)]" type="text/javascript"></script>
, ,
<script src="[(#CHEMIN{js/vue.min.js}|timestamp)]" type="text/javascript"></script> <script src="[(#CHEMIN{js/vue.min.js}|timestamp)]" type="text/javascript"></script>
<script src="[(#CHEMIN{js/papaparse.min.js}|timestamp)]" type="text/javascript"></script> <script src="[(#CHEMIN{js/papaparse.min.js}|timestamp)]" type="text/javascript"></script>
<script src="https://unpkg.com/vue-next-select"></script>
<script src="[(#CHEMIN{js/gamutable.js}|compacte|timestamp)]" type="text/javascript"></script> <script src="[(#CHEMIN{js/gamutable.js}|compacte|timestamp)]" type="text/javascript"></script>
})] })]

View file

@ -206,6 +206,8 @@ let monTableau = {
nameLocalStorage: this.calculer_nameLocalStorage(), nameLocalStorage: this.calculer_nameLocalStorage(),
quelleVue: this.vueblocdefaut, quelleVue: this.vueblocdefaut,
vuebloc: '', vuebloc: '',
model: null,
options: ['element', 'ant-design-vue', 'vuetify'],
}; };
}, },
mounted() { mounted() {
@ -486,6 +488,12 @@ let monTableau = {
template: ` template: `
<div class="gamutable"> <div class="gamutable">
<div class="gamutable--surTable"> <div class="gamutable--surTable">
aa
<vue-select
v-model="model"
:options="options"
></vue-select>
bb
<select id="parPage" v-model="parPageSelect"> <select id="parPage" v-model="parPageSelect">
<option v-for="v in tparpage" :key="v">{{v}}</option> <option v-for="v in tparpage" :key="v">{{v}}</option>
</select> </select>
@ -606,4 +614,8 @@ const gamuTable = {
}, },
}; };
let app = Vue.createApp(gamuTable).mount('#app'); console.log(window.VueNextSelect);
let app = Vue.createApp(gamuTable);
app.component('vue-select', window.VueNextSelect);
app.mount('#app');

File diff suppressed because one or more lines are too long