草庐IT

Bootstrap-vue

全部标签

javascript - Vue mousemove 仅在 mousedown 之后

如何仅在先单击元素时才触发mousemove?我正在尝试将其用于音频播放器时间轴。.player__time--bar(@mousedown="setNewCurrentPosition($event)").slider(role="slider"aria-valuemin="0":aria-valuenow="currentPosition":aria-valuemax="trackTotalDuration"aria-orientation="horizontal").player__time--bar-current-position(:style="{width:(100/(t

javascript - Bootstrap 轮播在 css 调整后拒绝平滑过渡

在过去的3个小时里,我一直在尝试对Bootstrap3的轮播过渡进行简单的调整。我试过更改幻灯片速度,这是唯一似乎有任何效果的东西:.carousel-inner.item{-webkit-transition-duration:2s;-moz-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s;}但它过早地隐藏了“离开”的内容,我不知道要修改什么属性来解决这个问题。我也试过用将其更改为淡入淡出过渡.carousel-fade.item{opacity:0;-webkit-transition:

javascript - Bootstrap Accordion /可折叠不适用于 ul/li 导航

我使用的是最新的Bootstrap,Accordion根本不工作。我的意思是,当我打开带有嵌套“ul”的测试1时,它会切换,但是当我单击带有另一个嵌套“ul”的测试2时,它也切换,但不关闭测试1...谁能帮帮我?它看起来不适用于“ul”和“li”(没有面板类)。提前致谢。附注这是我的Accordion尝试的完整代码。除了自动关闭之前打开的内容之外,一切正常。http://jsbin.com/OKOjUlu/1/edit?html,outputProizvodiTest12SubTest1SubTest1SubTest1Test2SubTest2SubTest2SubTest2SubTe

javascript - 如何更改点击事件的 Bootstrap 插入符号指向方向

我正在使用2.3.2Bootstrap因为我可以在单击菜单按钮时更改插入符号图标的位置。我需要当我点击图标插入符号向上时,当你点击另一个元素时插入符号回到初始状态。这怎么可能?导航代码Lorem3opesLoremOlosmpaLorem2isumLoremmasLoremOlosmpaLorem2isumLinktofiddletotrytoresolveImageexampleoftheproblem 最佳答案 你可以添加这个.nav.dropdown.open.caret{border-top:none;border-bott

javascript - Vue 2 - 如何在 Prop 中设置默认数组类型

我有我的Vue组件,它以一组对象作为Prop。我经常使用prop验证,尤其是对于“默认”值功能。在这种情况下,我有:props:{items:Array}但我希望它像Typescript或React一样:props:{items:Array.of({key:{type:String,default:'myText'}})}等等有可能实现吗?否则我需要使用计算数据作为map来设置默认值 最佳答案 我创建了示例:jsFiddle,这可能会对您有所帮助,是的...您可以将默认值作为数组返回:ES6props:{items:{type:Ar

javascript - 如何在vue中创建警告确认框

我想在删除文件之前显示一个对话框,我如何使用vue做到这一点?这是我的尝试我的删除文件按钮Delete这是我的删除方法DeleteUser(id,index){axios.delete('/api/artist/'+id).then(resp=>{this.artists.data.splice(index,1);}).catch(error=>{console.log(error);})},对话框正在显示,但无论我选择什么,它都会继续删除文件。 最佳答案 试试这个DeleteDeleteUser(id,index){if(conf

javascript - 如何在一段时间后自动关闭 Bootstrap 3 模态

这个问题在这里已经有了答案:Howtoautomaticallyclosethebootstrapmodaldialogafteraminute(6个答案)关闭8年前。我很难在设定的时间段后自动关闭Bootstrap模式。这是我用来在4秒内关闭模式的js代码:setTimeout(function(){$('#myModal').modal('hide');},4000);两个基本问题:(A)当加载html页面(包含模态)时,模态超时似乎甚至在模态显示之前就已运行。模式设置为在单击页面中的链接后显示。如果在页面加载时没有立即点击链接,模式只会短暂出现然后立即关闭,因为基本上超时时间是在

javascript - 将 Bootstrap 弹出内容中的文本分成多行

我正在尝试添加bootstrappopover的文本内容多行。我正在创建可能带有换行符的字符串,如下所示,我已经尝试过\n,\r\n,,and但一切都是徒劳的。varfiles='Nofilesselected';if(path.length>1){files='';for(vari=0;i';}}$(this).attr('data-content',files);$(this).popover('toggle');从上面的代码中,我在弹出窗口中获得的输入如下所示我已经阅读了一些帖子以添加/更新popover通过内容标签的内容,但没有工作。另外还有一个帖子可以设置HTMLpopove

javascript - Vue.js 拦截器

如何在vue.js中使用拦截器?所以在每个请求/响应之前,它应该首先去拦截器。我已经搜索了很多,但找不到相关的好文档。我想像这样使用JWTAuth:(function(define){'usestrict'define(function(require){varinterceptorinterceptor=require('rest/interceptor')/***AuthenticatestherequestusingJWTAuthentication**@param{Client}[client]clienttowrap*@param{Object}config**@return

javascript - ng-bootstrap 模态未显示

我在我的应用程序中使用ng-bootstrap模态来显示对话框。但是当点击按钮时,什么也没有发生,模式没有显示。在调试时它可能会发现正在调用操作,但未显示模态。这是我的app.module.tsimport{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{TaskService}from'../app/task/task.service';import{TaskComponent}from'../app/task/task.component';import