草庐IT

Bootstrap-vue

全部标签

javascript - Vue - webpack vue-loader 配置

每当我想构建一个文件时,我总是收到错误。这是什么原因呢?似乎.vue文件无法被webpack识别,但webpack配置文件看起来正常。网络包错误bundle-app.js189kB1[emitted]app+12hiddenmodulesERRORinUnexpectedtoken>@./app/application.js7:11-31webpack.config.jsvarpath=require("path");module.exports={context:path.join(__dirname,'src'),entry:{app:'./app/application.js'}

javascript - Vue 组件 Vue-Instant

我刚刚安装了vue-instant来为搜索提供自动建议并获得这样的示例代码https://jsfiddle.net/santiblanko/dqo6vr57/我的问题是如何将组件'vue-instant':VueInstant.VueInstant移动到像这样的新Vue组件:Vue.component('vue-instant-component',{//vue-instant}我试过这样的:Vue.component('vue-instant',{data:{value:'',suggestionAttribute:'original_title',suggestions:[],se

javascript - 如果显示 bootstrap 下拉列表,jQuery 在悬停在一定宽度上时添加类

我正在使用带下拉菜单的Bootstrap。我的anchor在悬停时有背景色。但是当下拉菜单显示时,我希望包含下拉菜单的父级失去背景颜色。我的HTML是:HomeAboutDrop1Drop2Drop3我的尝试:$(document).ready(function(){varsection=$('.av-nav.navlia:hover');varwidth=section.width();if(widthCSS:.nobg{background:none!important;}我的代码不起作用,我做错了什么? 最佳答案 您可以使用b

javascript - vue webpack 模板(通过 vue-cli)以后会变得更容易使用吗?

背景开始一个新的vue.js(2.0)项目。我在其他项目(vuejs-templates/webpack)中使用过vue-cli,发现在进行任何类型的更改时都很难掌握构建过程。最重要的是,webpack因缺乏文档而臭名昭著,因此即使对构建过程进行微小的调整也需要大量工作。总的来说,我相信我同时了解webpack和vue-loader。不过,我仍然很难全面了解vuejs-templates/webpack。问题我正在考虑为这个应用程序滚动我自己的webpack配置,但我担心我最终会得到一个与当前vuejs-templates/webpack一样大的构建过程。我的计划是从vuejs-tem

javascript - Vue router 路由的安全性

我现在正在学习Vue2周,但我找不到这个关于路由安全性问题的答案。当我在Vue中使用元字段和路由守卫保护路由时,就像在考试中一样,我想知道客户端如何才能看到组件仍然存在。constrouter=newVueRouter({routes:[{path:'/foo',component:Foo,children:[{path:'bar',component:Bar,//ametafieldmeta:{requiresAuth:true}}]}]})router.beforeEach((to,from,next)=>{//checkifauthenticatedbyjwtfromstoreo

javascript - Twitter bootstrap scrollspy - 在平滑滚动时禁用?

我们在侧边栏ul/il列表上使用twitterbootstrapscrollspy,效果很好。但是,我们在单击侧边栏中的链接时也会使用平滑滚动。这会导致scrollspy突出显示进入View的每个元素,就像在正常情况下应该的那样。但是当通过单击侧边导航中的链接触发滚动时,用户很可能不希望菜单在滚动时显示动画。有什么方法可以在动画滚动运行时暂时禁用scrollspy,然后在滚动完成后重新启用它? 最佳答案 通过将类设置为scrollspy的目标,您可以动态停止/恢复scrollspy操作。$('body').scrollspy({ta

javascript - Bootstrap 函数声明

这个问题在这里已经有了答案:JavaScriptplussigninfrontoffunctionexpression(4个答案)关闭8年前。我查看了bootstrapJS源代码,发现了一些我以前从未见过的东西:+function($){"usestrict";//...}(window.jQuery);函数声明前的+号是怎么回事?是为了缓解一些潜在的缩小问题还是什么?我相信在表达式类型之前放置一个+会将表达式的结果转换为一个数字,但我看不出它在这里有什么相关性。感谢任何能为我阐明这一点的人。

javascript - 从数据库中删除后,Vue.js $remove 不删除元素

我正在使用Laravel并尝试学习Vue.js。我有一个正常工作的删除请求,并从数据库中删除了对象。问题是成功删除后它没有从DOM中删除。我正在使用$remove方法并将完整对象传递给它,所以我知道我遗漏了一些东西。作为旁注,我将main.js作为入口点,将PersonTable.vue作为组件。PersonTable.vue包含模板和该模板的脚本。这是我的LaravelView:这是我的`PersonTable.vue:PersonsListFirstNameLastNameEmailGender{{person.first_name}}{{person.last_name}}{{p

javascript - 另一个ajax中的vue js ajax正在获取数据但不呈现 View

有一种情况,我必须在vuejs中的第一个ajax(在mounted函数中)之后获取额外的数据,我将第二个ajax放在if条件中并且在第一个ajax的success函数中!它正在运行,我在chrome的VueDevtools中看到数据,但数据未在View中呈现。伪代码:varvm=newVue({el:'#messages',data:{participants:[],active_conversation:'',messages:[]},methods:{getParticipants:function(){returnthis.$http.post('message/get-part

javascript - 如何使用angular 6和bootstrap 3.3.7创建带有复选框列表的可折叠/可展开/树结构

在这里,我正在尝试在父项和子项上使用复选框的可折叠/树结构,但我无法准确地创建它,我能够从json创建直到无序列表{"properties":{"host":{"fields":{"keyword":{"ignore_above":256,"type":"keyword"}},"type":"text","fielddata":true},"information":{"properties":{"filetype":{"fields":{"keyword":{"ignore_above":256,"type":"keyword"}},"type":"text","fielddata"