Pour la première fois, je tente de configurer une vue VueJS avec le téléchargement de plusieurs fichiers. Pour l’instant j’ai ceci: Premièrement, avons-nous de bonnes bibliothèques avec Vue qui résout ce problème? Devrais-je conserver Vue ou essayer d’utiliser jquery ou même de js pur?
J’immigre mon code vers Vue.js est une nouvelle nouveauté pour Vue. Comme vous le voyez sur la capture d’écran (lien ci-dessous), il y a 4 colonnes dans div avec le nom de la classe de columns . J’essayais d’utiliser v-if pour append les div (class columns ) conditionnellement mais je ne sais pas comment obtenir […]
J’ai consulté tous les articles que je peux trouver, mais aucune réponse ne semble régler mon problème. Plus précisément, il ne met pas à jour la table avec l’id “table”. HTML: Filters Category: Any {{category.categoryTitle}} Air Date: Show Number: Question contains: Dollar Value: Reset Filters Filter Jeopardy Questions Total Ensortinges: {{ensortinges.length}} ensortinges Question ▲ ▼ […]
J’essaie d’append dynamicment des composants vue à mon application à l’aide de jquery. Mais rien ne se passe et l’élément ajouté ne rend pas. Vue.component(‘my-component’, { template: ‘This is component’ }); var Vue = new Vue({ el: ‘#app’ }); $(document).ready(function(){ $(‘#app’).append(”); }) Le résultat souhaité est que, lors de l’ajout de à #app , cela […]
Mon composant de vue ressemble à ceci: … {{getDate(item.created_at)}} … export default { … methods: { getDate(datetime) { let date = new Date(datetime).toJSON().slice(0,10).replace(/-/g,’/’) return date } } } Si je console.log(datetime) , le résultat: 2018-03-31 18:23:20 Je veux seulement avoir la date et changer le format pour être: 31 mars 2018 J’essaie comme mon composant […]
J’essaie de faire un groupe sélectionné dans Vue. Fiddle: https://jsfiddle.net/Tropicalista/vwjxc5dq/ J’ai essayé ceci: {{ sub.text }} Mes données: data: { selected: ‘A’, options: { First: [ { text: ‘One’, value: ‘A’ }, { text: ‘Two’, value: ‘B’ } ], Second: [ { text: ‘Three’, value: ‘C’ } ] } }
Cette question fait suite à celle- ci . Ce JSfiddle illustre ce que je veux réaliser. Solution finale fournie par @Scaramouche La fonction ci-dessous crée une “liste” de manière dynamic avec des boutons radio par groupe de quatre. Chacun de ces groupes doit avoir un nom unique, ce qui permet de choisir l’une des options […]
J’essaie d’append une classe active à un élément pour la navigation par tabs à l’aide de vue.js. Le problème est qu’en plus d’être nouveau dans Vue, les éléments de navigation sont créés dynamicment dans une boucle for comme suit: ${tab.heading} le JS ressemble à ceci: Vue.component(‘tabnav’, { data: function() { return { tabSelected: 1, isActive: […]
Sur le site vuejs.org, il y a cette fonction. Je veux reproduire ceci pour tester du code que j’écris dans une fonction de clic sur une ligne de table en utilisant jquery $(“#table1 tr”).click(function () { // alert($(this).text()); // alert($(this).children(“td”).html()); // app.greet(); }); Je veux appeler la fonction vue ici mais mon code de vue […]
Considérant le prochain code: HTML GÉNÉRÉ: Website TEST Ww1 Home (current) Map About {{ result.title }} Details function myFunction() { var input , filter , OK = false ; input = document.getElementById(“myInput”); filter = input.value.toUpperCase(); if(filter.length > 0 ) { document.getElementById(“networdapp”).style.display = “”; $( “.col-sm-6″ ).each(function( index ) { if ($(this).text().toUpperCase().indexOf(filter) > -1){ this.style.display=””; }else{ […]