ajout vue select sans passer par webpack
This commit is contained in:
parent
8afec22b88
commit
abc1b659d4
3 changed files with 24 additions and 4 deletions
|
@ -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>
|
||||||
})]
|
})]
|
||||||
|
|
||||||
|
|
|
@ -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
Loading…
Add table
Reference in a new issue