草庐IT

Bootstrap-vue

全部标签

javascript - Bootstrap 表单验证验证同一表单组内的所有字段

我在验证表单时遇到问题。我的html是:AddressAddress1CityEmirate输出是现在的问题是我需要内联显示它们,所以我将它们放在同一个from-group中,这在验证时产生了问题。我没有任何邮政编码验证。但是在验证任何城市/酋长国验证是否失败时,邮政编码也显示为红色。我不想要的。我的问题是如何如图所示内联显示它们,同时将它们保存在单独的表单组中,这样验证就不会受到影响。 最佳答案 不难,用同样的HTML结构就可以实现原因:postalcode输入在不需要且未设置验证规则的地方突出显示为红色,因为它在中其中addre

javascript - 如何在 Vue.js 中保持可排序数组和组件的顺序

我正在使用Vue.js和Dragula制作一个拖放图block页面。每个图block都包含自己的一组数据,因此每个图block都是一个Vue组件。问题是,一旦我拖放其中一个图block,Vue实例中的DOM元素和数据数组就会失去同步并开始引起问题。只是拖放不会产生问题,但是一旦我拖放某些东西然后尝试删除它,一切都会出错。这是一个fiddle:https://jsfiddle.net/wfjawvnL/13/这是我的HTML,带有组件模板:{{$data|json}}{{name}}Index:{{index}}✗这是我的Vue实例:varvm=newVue({el:'#a

javascript - TypeError : str. replace is not a function strange error with vue.js Ajax 调用

我收到一个奇怪的错误:vue-resource.common.jsUncaughtTypeError:str.replaceisnotafunction它似乎与我正在获取一些的ajax调用有关数据:exportdefault{data:()=>({recipes:[]}),ready(){this.$http.get('http://localhost:3000/recipes',{headers:{'Access-Control-Allow-Origin':true}}).then((recipes)=>{this.$set('recipes',recipes)})}};我是vue.

javascript - Vue.js 2 : Conditional Rendering not working

我在使用ConditionalRendering时遇到问题,因为没有一个例子是有效的。这是Vue代码:Vue.component('sub-folder',{props:['folder'],template:'#template-folder-item'});varbuildFoldersList=newVue({el:'#sub-folders',data:{foldersList:this.foldersList,foldersStatus:this.foldersStatus},created(){this.buildFolders()},methods:{buildFolde

javascript - 如果输入值仅包含时间,则初始化 Bootstrap 日期时间选择器时出现 JS 错误

我正在使用DateTimePicker我想加载一个唯一的时间选择器。我像这样初始化我的输入字段并且效果很好。这只让我挑次jsfiddle:$('#datetimepicker_hour1').datetimepicker({language:'es',format:'hh:ii',minuteStep:60,autoclose:true,minView:1,maxView:1,startView:1});如果我想用预选的时间初始化此输入,则会出现JS错误:"UncaughtTypeError:Cannotreadproperty'getTime'ofundefined"但如果我像这样输

javascript - Webpack 开发服务器不热重新加载 .vue 文件

一直在做一个项目,并确定HMR正在工作,如果我更新我的任何.js文件,webpack都会编译,并且模块会被替换掉。我正在处理一个.vue文件,webpack会重新编译,但没有super新鲜的HMR。希望有人可以看一下并告诉我是否有问题:我在cli中使用的脚本如下所示。webpack-dev-server--d--watch--output-path./public--config./_src/webpack.config.js--progress--env.dev我猜最重要的一点是:devServer:{contentBase:'public',hot:true,filename:'m

javascript - 如何在 Vue JS 的单个文件中访问样式内的组件变量

有没有vue插件可以让我们在side中使用模板变量?单个文件组件中的标记,例如{{display}}exportdefault{data(){return{display:'block'}}}body{display:{{display}}}任何更好的方法/插件来做到这一点??我已经知道:style和:class 最佳答案 里面的Vue模型(数据层)我觉得没办法访问在当前版本的Vue.Vue只能控制DOM树,不能帮助您处理CSSOM。您可能正在使用WebPack或其他bundler,并在您拥有的单个文件中编写模块化组件。,,和.您的

javascript - Vue - 如何将父引用作为 Prop 传递给子?

我正在尝试将当前组件的ref传递给这样的子组件:constParent={name:'parent',data:{screenRef:{}},mounted(){this.screenRef=this.$refs['screen']}}由于Vue.js类型不支持HTMLDivElement,当我将screenRef定义为prop时,我在子组件中遇到错误。constChildComponent={name:'child',props:{screen:{type:HTMLDivElement,default:{}}}}有人可以告诉我正确的方法吗? 最佳答案

javascript - 用于 Bootstrap 的 Jquery 折叠和展开插件

我一直在使用Bootstrapcollapse在我的网站上。有没有我可以在我的bootstrap站点中使用的jquery,它可以像这样工作。示例我有一个评论区。示例评论将是这样的。Loremipsumdolorsitamet,consecteturadipiscingelit.Phasellussitametsuscipitmagna.Sednislipsum,tempusquistinciduntnon,molestieegettortor.Sedscelerisquemagnaarcu,nonhendreritloremvehiculaut.Vestibulumvulputatee

javascript - Angularjs datepicker popup bootstrap-ui 在 View 中不起作用

我是一个angularjs和bootstrapui新手!我的日期选择器弹出窗口在我包含的View中不起作用。如果它在View之外,它会起作用。即如此处所示任何帮助将不胜感激。但是,因为我使用的是ngRoute方法,所以我需要在部分html中编写我的View并包含在主index.html中。内联日历不显示,弹出日历也不显示。我无法找出问题所在,但我认为date-picker.html无法引用我的index.html中的脚本和样式。我在日期选择器hmtl中还有其他包含的Pane,它引用了index.html中的脚本和css。任何帮助将不胜感激。下面是代码:**index.html**Som