草庐IT

Bootstrap-vue

全部标签

javascript - 如何使 rails 与 vue.js 一起工作?

我的问题很简单,如何让RubyonRails应用程序与Vue.js一起工作?详情我先看vue-railsgem,但是将Vue添加到railsAssets管道,我想使用其他npm包,比如browserify。然后我看看那个,browserify-rails在js文件夹app/assets/javascript/中启用commonjs。我还计划为每个RailsController制作一个Vuejs应用程序,并使用vue-resource访问后端操作和vue-router(如果这不是一个好方法,请告诉我),所以我在我的布局中添加了以下行这将添加一个带有Controller名称的js文件,因此

javascript - Vue.js 输入框在输入一个字符后失去焦点

我有一个带有输入字段的View,它可以与给定的按钮相乘。问题是在输入任何一个字符之后,输入字段的焦点就会丢失。您必须再次单击才能输入另一个字符。有人知道可能是什么问题吗?我的模型:'model':[...,'filter':[...,'something':['string']]]我的代码: 最佳答案 问题是您正在使用一个不断变化的值作为key。Vue期望key指示项目的唯一标识符。当您更改它时,它会成为一个新项目,必须重新渲染。在下面的代码片段中,我有两个循环,都使用相同的数据源。第一个是按照您设置的方式键入的。第二个使用inde

javascript - Bootstrap 轮播 : Indicators not cycling

我正在尝试从Bootstrap实现轮播。除了轮播指示器('.carousel-indicators')没有随幻灯片循环播放外,一切正常。Hereisacompletelystrippeddownpage:TestHomePageli.active{color:red;}Test‹›$('.carousel').carousel();这几乎与http://twitter.github.com/bootstrap/javascript.html#carousel上的示例完全相同.关于为什么他们不会滑动的任何想法? 最佳答案

javascript - 谷歌地图未显示在 Bootstrap 模式中

我正计划在模态中显示谷歌地图,但map未从模态中显示这是我的代码:ShowMap×CloseAddressClosevaraddress='Japan';varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:16});vargeocoder=newgoogle.maps.Geocoder();geocoder.geocode({'address':address},function(results,status){if(status==google.maps.GeocoderStatus.OK){new

在vue3+vite项目下按需引入vant报错Failed to resolve import解决方案

在vue3+vite项目下按需引入vant报错Failedtoresolveimport解决方案问题描述原因分析解决方案问题描述近日尝试使用vite+vue3+vant开发项目过程中,参考vant官网开发指南->快速上手->引入组件按照上述配置好后,运行vite环境报错:Failedtoresolveimport原因分析根据报错信息,发现是vant的样式引入路径不对。程序解析为:项目路径/node_modules/vant/lib/vant/es/组件/style实际应该是:项目路径/node_modules/vant/lib/vant/es/组件/style多了一个vant/lib路径。解决

javascript - Bootstrap slider 更改最大值

我目前正在使用Twitterbootstrap-slider库,并且一直在试图弄清楚如何在slider初始化后更改最大值。这个问题如何retrievethevalue有一些帮助,但我仍然找不到确切的调用方法。到目前为止,这是我一直在尝试的:JS:$('#slider').slider({max:100});$('#slider').slider({max:200});console.log($('#slider').data('slider').max)控制台:100直接设置$('#slider').data('slider').max值也不会改变slider本身的范围,即使值已经改变

javascript - 在 Bootstrap 日期选择器中将类(class)添加到多个/特定日期?

我很难在Bootstrap中向日期添加类。这是日期选择器。我想要实现的是在我指定的日期放置一个小蓝点。我正在考虑为日期添加一个类。我应该怎么做? 最佳答案 根据您使用的日期选择器,您可以执行如下操作:大多数日期选择器都有一个beforeShowDay选项。您可以在此处设置一个类(class)以添加到您要更改的日期。对于这个例子,我使用http://eternicode.github.io/bootstrap-datepicker如何执行此操作的示例可在此处找到:jsFiddle您需要将要突出显示/标记的日期放入数组中:varacti

javascript - 推特 Bootstrap Scrollspy 突出显示最终元素

我正在构建一个单页网站,顶部栏导航链接到页面上的不同部分。我已经使用Scrollspy将其链接起来作为.效果很好。每个部分都在导航中突出显示。问题出在最后一节。因为它是一小节并且不会填满整个页面id="contact"永远不会到达,因此导航元素不会突出显示。我注意到在bootstrapexamplespage上当您到达最后一个元素时,它会在其id之前突出显示已达到-但id与所有其他部分一样位于该部分的顶部。我已经查看了自定义application.js文件,但看不到任何与scrollspy行为相关的内容。任何人都可以阐明它吗? 最佳答案

javascript - jQuery 检测 Bootstrap 3 状态

在Bootstrap3中,有4种状态;超小型设备、小型设备、中型设备和大型设备。我怎么知道网站当前使用jQuery处于哪个状态?这样我就可以像在超小型设备中那样做一些处理,然后运行这个函数。谢谢。 最佳答案 按照@Khurshid的回答(效果很好),我编写了一个原生JavaScript实现,它是significantlyfaster:functionfindBootstrapEnvironment(){varenvs=["xs","sm","md","lg"],doc=window.document,temp=doc.createE

javascript - Twitter Bootstrap .on ('show' ,function(){});不适用于弹出窗口

当通过执行以下操作选择新的弹出窗口时,我试图隐藏所有其他弹出窗口:我的HTMLa.btn#requests(rel='popover',data-placement='bottom',data-original-title='Requests',data-content='Mycontentgoeshere')我的Javascript$(function(){console.log('start');$('#requests').popover();$('#messages').popover();});//Thisdoesn'tworkforsomereason?$('#reques