Tag: vue.js

Bootstrap selectpicker VueJS指令: 我正在尝试为Bootstrap构建一个自定义指令，从Bootstrap selectpicker中将输入到“selectpicker”中。我也希望这个指令使用VueJS的默认optionsfunction来填充上的选项。 HTML将是这样的：现在我可以完美地创建指令并使用bind方法在元素上调用selectpicker()方法。问题似乎是在调用selectpicker()之后设置了选项。所以我需要等到设置选项，或者在设置选项时我必须再次调用selectpicker(refresh) 。有谁知道这是否可能？

使用Vue进行文件上传的最佳方法: 我第一次尝试设置多个文件上传的VueJS视图。现在我有这个：首先，我们是否有很好的Vue库可以解决这个问题？我应该保留Vue还是尝试使用jquery甚至纯js？

使用jquery附加vue js组件: 我正在尝试使用jquery动态地将vue组件附加到我的应用程序。但没有任何反应，附加元素无法渲染。 Vue.component(‘my-component’, { template: ‘This is component’ }); var Vue = new Vue({ el: ‘#app’ }); $(document).ready(function(){ $(‘#app’).append(”); }) 我想要的结果是，当将附加到#app ，那就变成了指定的模板。

带有点击事件处理程序的Vue 2.0: 如何使用vue2.0和jquery onclick事件方法？当我研究特定问题时，在vue上定义了这个。$ el.addEventListener（’click’，this.onClick）的挂载。但对我来说似乎并不是很清楚。我需要这里的帮助。好心提醒正如我的代码在jquery下面： $(document).on(“click”,”.ballNum li”,function(){ var robj = $(this); var value = robj.text(); var bit = $(this).parents(“.ballNum”).attr(“id”); if(robj.attr(“name”)==”choice”){ robj.removeAttr(“name”); }else{ robj.attr(“name”,”choice”); } var isSave = saveNum(value,bit,”reverse”); if(isSave==1){ $(this).addClass(“active”); }else if(isSave==-1){ $(this).removeClass(“active”); }else{ layer.alert(‘Error’,{icon: 0, title:’Alert’}); }

如何在vue组件中将格式日期时间更改为日期？: 我的vue组件是这样的： … {{getDate(item.created_at)}} … export default { … methods: { getDate(datetime) { let date = new Date(datetime).toJSON().slice(0,10).replace(/-/g,’/’) return date } } } 如果我是console.log(datetime) ，结果：2018-03-31 18:23:20 我想只获取日期并将格式更改为：2018年3月31日我尝试上面的组件，但结果如下：2018/03/31 我尝试使用格式方法和dateformat方法，但它是未定义的我怎么解决这个问题？

如何在Vue.js中的4个元素之后每次添加一个元素？: 我将我的代码移植到Vue.js，这对Vue来说是个新手。当您看到屏幕截图（下面的链接）时，div中有4列， columns类名称。我试图使用v-if有条件地添加div（类columns ），但我不知道如何在Vue中获取一些列元素。示例代码 .container .columns(v-if=””) // add this conditionally .column.is-3.vid(v-for=’item in items’) .panel p.is-marginless a(href=item.videoId) img(src=item.thumbnail) .panel.vidInfo .columns.hax-text-centered .column .panel-item.reddit-ups | item.score i.fa.fa-reddit-alien.fa-2x .panel-item.reddit-date i.fa.fa-calendar.fa-2x

是什么原因导致VueJS在此实例中停止更新DOM？: 我看过我能找到的每一个类似的post，但似乎没有答案可以解决我的问题。具体来说，它不会使用id“table”更新表。 HTML： Filters Category: Any {{category.categoryTitle}} Air Date: Show Number: Question contains: Dollar Value: Reset Filters Filter Jeopardy Questions Total Entries: {{entries.length}} entries Question ▲ ▼ Answer ▲ ▼ Value ▲ ▼ Show Number ▲ ▼ Category ▲ ▼ Air Date ▲ ▼ {{entry.questionText}} {{entry.answerText}} {{entry.dollarValue}} {{entry.showNumber}} {{entry.categoryTitle}} {{entry.airDate}} No entries to display JS […]

在不影响使用Vue.js的其他元素的情况下，打开/关闭元素类的最简单方法是什么？: 我已经看到了几个如何在Vue.js中切换类的示例，如下所示： new Vue({ el: “#app”, data: { isActive: false } }); .demo { width: 100px; height: 100px; background-color: red; display: inline-block; } .active { border: #000 solid 3px; } 如果元素处于活动状态为true或false，则单击该元素切换，然后切换该类。这很好，但是当你有更多的元素，你也可以切换和活动类打开和关闭时，这样做不起作用： new Vue({ el: “#app”, data: { isActive: false } }); .demo { width: 100px; height: 100px; background-color: red; display: inline-block; } .active { border: […]

Bootstrap表单：如何为单选按钮动态创建唯一名称: 这个问题是对这个问题的后续问题。这个JSfiddle举例说明了我想要实现的目标。最终解决方案由@Scaramouche提供下面的function是动态建立一个“列表”，其中包含四个一组的单选按钮。这些组中的每一个都应具有唯一的名称，这使得可以选择其中一个选项，同时仍然可以在其他“组”中选择其他选项。这是一个挑战，因为这个“列表”是用Bootstrapforms构建的。我该怎么做，动态创建这些名称？这可以使用Vue或JavaScript（没有首选项）来完成。 JSfiddle上的 HTML Question: Enter avaible options: Add Question Save Test JavaScript的 $(“body”).on(‘click’, ‘#radioAddQuestion’, function () { let singleQuestionModule = “singleQuestionModule”; let question = $(“.module:first”).html(); let question_label = $(“.question-label:first”).html(); $(question_label).insertBefore(“.options-label”); $(question).insertBefore(“.options-label”); });

如何动态地将vue js函数添加到jquery: 我使用可重用的引导模式，即用于编辑，删除操作的相同模态。当单击编辑或更新按钮时，将弹出相同的模态，我需要将相应的函数附加到模态页脚按钮，根据它的操作。我的页脚按钮就像， Close 单击编辑按钮时， $(document).on(‘click’, ‘.edit-modal’, function() { $(‘#footer_action_button’).text(” Update”); $(‘#footer_action_button’).addClass(‘glyphicon-check’); $(‘#footer_action_button’).removeClass(‘glyphicon-trash’); $(‘.actionBtn’).addClass(‘btn-success’); ….. …… $(‘#myModal’).modal(‘show’); $(‘.actionBtn’).click(updateOperation); }); 类似的删除动作也是.. 这里$(‘.actionBtn’).click(updateOperation); 会很好地工作。但这里updateOperation是一个vueJs函数， methods: { updateOperation: function () { ….. ….. }, } 我无法调用此更新操作。静态添加@click=”updateOperation()” ，它可以正常工作。