草庐IT

Bootstrap-vue

全部标签

javascript - 如何在自定义组件中使用 Vue.js 插件?

我需要输出一个表格,它的内容可以通过Ajax更新。所以我打算使用vue-tables-2(https://github.com/matfish2/vue-tables-2),这是一个Vue.js插件。使用Laravel方式,我正在编写一个Vue.js自定义组件,那么如何在我的组件中使用vue-tables-2插件?这里是一个如何使用插件的例子https://jsfiddle.net/matfish2/jfa5t4sm/.不幸的是,示例中没有将插件包装在组件中。 最佳答案 您可以通过两种方式使第三方组件对您的自定义Vue组件可用:1。

javascript - 如何使用 Vue 命名插槽呈现静态内容列表?

我无法弄清楚如何让以下内容工作:我的父模板link1link2我的组件comp模板如下所示:目前我所有的anchor都转到那个li标签(这是预期的)但我希望能够为我插入的每个命名插槽生成多个li,如下所示:link1link2有什么方法可以在不使用作用域插槽的情况下实现我所需要的吗?因为我的内容是纯HTML,所以我觉得没有必要将静态内容放在prop中来渲染它们。据我所知,大多数vueUI框架都要求您为列表项使用另一个自定义组件,我觉得这个问题已经过头了。还有其他方法吗? 最佳答案 这可以通过渲染函数轻松完成。Vue.componen

javascript - 没有 Vue 可以使用 Vuex 吗? (Vuex 服务器端?)

Vuex提示如果不调用Vue.use(Vuex)就无法创建商店的新实例。虽然这通常没问题,但我正在摆弄使用同一商店编写后端/前端的想法。有人知道答案吗?谢谢。 最佳答案 TL;DRyoucanperfectlyuseVuexinnode(withoutabrowser),evenforunittesting.Internally,though,VuexstillusessomecodefromVue.没有Vue就无法使用Vuex。因为:VuexchecksfortheexistenceofVue.Vuexdependslargely

javascript - 子组件的 v-model 和子组件 Vue 中的 v-model

有没有办法简化这段代码?该按钮还应更改子项的localValue。Vue.component('my-input',{template:`MyInput:localValue:{{localValue}}`,props:['value'],data(){return{localValue:this.value}},watch:{value(){this.localValue=this.value},localValue(){this.$emit('input',this.localValue)}}})newVue({el:'#app',data:()=>({parentValue:'I

javascript - 让 twitter bootstrap btn-group 像带下拉菜单的分组导航栏一样操作

我一直在尝试让带有下拉菜单的TwitterBootstrapbtn-group为具有下拉菜单的多个按钮工作。例子:12345还有我的尝试:http://jsfiddle.net/x2BGB/这会显示一个按钮组。我希望该组中的某些按钮具有下拉菜单。我想要实现的一个例子是:注意:当一个按钮与另一个按钮相邻时,分组按钮“栏”不应该有圆Angular。(右侧)。 最佳答案 我创建了一个btn-toolbar2类来避免冲突并覆盖btn-toolbar默认行为。下拉菜单必须在它们自己的btn组中。DashboardButton1ActionAn

javascript - 如何使用 YouTube 视频启动和关闭 jQuery Twitter Bootstrap Modal?

我需要一个关于如何在TwitterBootstrapModal中启动和关闭YouTube视频的简单演示来自JavaScript(而不是anchor标记点击)。到目前为止我可以很好地启动它,但关闭时它一直在后台播放。这是我的html:×​Javascript:$('#myModalThumbnail').click(function(){varsrc='http://www.youtube.com/v/KVu3gS7iJu4&rel=0&autohide=1&showinfo=0&autoplay=1';$('#myModal').modal('show'

javascript - 推特 Bootstrap : Accordion plugin collides with Modal

在弹出模式中使用Accordion时,我遇到了一个问题(都是TwitterBootstrap插件)。每当切换任何Accordionblock时,模式都会关闭。 最佳答案 Accordion折叠会触发一个“隐藏”事件,这对于Modal插件也是实际的。因此,有一种方法可以防止模态关闭:$(document).on('click','a.accordion-toggle',function(e){$(e.target).parent().siblings('.accordion-body').on('hidden',function(e)

javascript - 传单上的 Bootstrap 行

我正在尝试在传单map上放置一个Bootstrap行,我的html是:span1和span2是带有rgba背景的一些信息的列。剩余的列是可见的map区域。问题是map显示在列上方,它们仅在map加载或缩小时可见。span1和span2有z-index:2000如何让列在map上可见? 最佳答案 您可以将它们放在一个公共(public)容器中,并绝对定位要覆盖map的行。demo(附传单)ButtonButton.mapbox{position:relative;}.mapbox.overlay{position:absolute;t

javascript - Bootstrap .popover ('show' ), .popover ('hide' ) 不工作。将其绑定(bind)到点击作品

我有一个绑定(bind)到弹出窗口的按钮。当有人点击弹出窗口中的一个表情符号时,我想隐藏弹出窗口。但是,$("#smiley").popover('hide')不起作用。不幸的是,我无法用准系统代码重现这一点——它只发生在实时站点上,即https://coinchat.org相关代码:$("#smiley").popover({html:true,trigger:'click',placement:'top',content:smileyContent,title:'Smilies'});稍后在函数中..$("#smiley").popover('hide');//notworking

javascript - 如何提取 Bootstrap 的 Popover 功能?

我有一个需要弹出窗口功能的非Bootstrap项目。我想使用bootstrap的弹出窗口,但不想包括所有bootstrap,因为我只会使用这一项功能。我也乐于接受关于不同的独立弹出窗口小部件的建议。这里描述了Bootstrap的弹出窗口,并附有示例:http://getbootstrap.com/javascript/#popovers我的问题是:我需要从源代码中提取哪些bootstrapCSS定义?自thebootstrapcustomizerisnotyetavailable,我是否只需要使用文件tooltip.js,或者是否有其他一些我需要包含的基本js文件?谢谢!