草庐IT

Bootstrap-vue

全部标签

javascript - 是否可以在 Vue 数据元素更改时触发函数?

我的API为我提供了一个散列值,我在AJAX调用中收到该散列值。AJAX响应的内容(包括哈希)正在更新我的Vue实例中的data组件(以便按照Vue的常规用法修改DOM)。我想知道是否有可能在特定data元素发生变化时触发(运行)一个函数。ReactivityinDepth没有提到这一点,对我来说(如果这是错误的,请纠正我)computed和methods是一种间接为DOM提供新计算元素的方法(换句话说,它们不会因为特定元素被修改而启动,而是data和提供给DOM的其他变量之间的同步方法。我希望得到类似的东西(这是无效的、不正确的伪代码,我只是将它添加到Vue实例的上下文中):varv

javascript - Vue.js - 没有 Webpack 的 Vuex?

我正在使用ASP.Net网页(vbRazor),并且在使用它设置Webpack时遇到了问题,并且在stackoverflow(HowtosetupASP.NETCore+Vue.Js?)的其他地方被建议在没有构建系统的情况下简单地使用vue.jsCDN.问题是:如果现在能够使用Vuex进行状态管理会很棒,但似乎所有示例都使用webpack-无论如何都没有构建系统或vuex的替代品来创建数据存储和维护vue的react性?谢谢,很抱歉这个不常见的问题-我知道大多数人都使用webpack! 最佳答案 如果没有包生成器,您可以使用适用于v

javascript - 将 html 传递给 Vue 组件

目前我将一些参数传递给vue组件hello','goodbye']"slider是“html”slider或带有图像的slider。虽然我传入的html会变得更复杂,可能有30行,但作为参数将更难阅读和管理,这工作正常。我可以传入外部引用并将其拉入组件吗?{{content}}如您所见,组件中的循环是一个非常简单的v-for。 最佳答案 不要使用属性传递HTML,而是使用Slots:Supposewehaveacomponentcalledmy-componentwiththefollowingtemplate:I'mthechil

javascript - 刷新 vue 应用程序给出 : Cannot GET/path

我有一个简单的webpack模板vue应用程序,假设我有一个页面http://localhost:8080/profile在我的本地页面上,我可以从任何页面转到/profile,甚至在/profile上一次,我可以刷新/重新加载页面,并且不会出现任何错误。但是我在heroku上部署了我的应用程序,即使我可以从任何页面导航到任何其他页面,但是如果我在/profile页面上,我点击刷新我得到CannotGET/statement可能是什么问题? 最佳答案 您尝试在没有后端的情况下使用路由器的历史记录模式。为了让事情正常进行,你可以使用E

javascript - Vue (nuxt) 中的全局组件

在构建Vue应用程序时,我们在每个模板中重复使用某些Vue组件。我们的网格系统存在于.region、.layout、.grid、.column元素之外。它们都是独立的Vue组件(,...)。我们现在在每个模板中都这样做:importBlMainfrom'~components/frame/main/Main.vue'importBlRegionfrom'~components/frame/region/Region.vue'importBlLayoutfrom'~components/frame/layout/Layout.vue'importBlGridfrom'~component

javascript - 同时有两个 Bootstrap 导航菜单

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭上个月。Improvethisquestion我想知道是否可以同时拥有两个导航。HereisaJSFiddle使用Bootstrap测试,只有导航栏的折叠JavaScript。两个菜单同时展开,有什么办法可以防止这种情况发生吗?

c# - Bootstrap 模态弹出 C# 代码隐藏

我在我的c#asp.net项目中使用bootstrap,我想显示代码隐藏的模式弹出窗口。在我的页眉中,我有一个javascript函数,如下所示:functionLoginFail(){$('#windowTitleDialog').modal('show');}然后单击我的按钮,我将按如下方式调用javascriptScriptManager.RegisterClientScriptBlock(this,typeof(System.Web.UI.Page),"LoginFail","LoginFail();",true);这不显示模态弹出窗口。但是,如果我使用类似alert('log

javascript - 具有页面浏览量和时间相关指标的 Bootstrap 模式分析

我有一个页面(让我们将其命名为概览页面),其中包含大量项目图像,单击即可打开Bootstrap(v3)模式,其中包含有关该项目的更多信息。每个项目也有自己的页面(单页)。我想在用户使用Google(通用)分析打开模式时跟踪项目的综合浏览量。现在我计划通过将以下代码添加到概述页面上的每个链接来实现这一点:onClick="ga('send','pageview','/url-to-project-page');"我希望它能正常工作,因为我在其他关于跟踪AJAX调用的综合浏览量的帖子中看到过这种方法。但我想知道这会如何影响与时间相关的指标,例如页面平均停留时间,因为分析无法知道模式何时关闭

javascript - 在 Bootstrap Validator Form 中停止默认表单提交

我已经看到这个问题问过几次了,但它们似乎并不适用于我的情况。在验证测试之前提交我的表单。形式:TitleValueJavaScript:$('#user_fact_form').bootstrapValidator({live:'enabled',message:'Thisvalueisnotvalid',submitButton:'$user_fact_formbutton[type="submit"]',submitHandler:function(validator,form,submitButton){$.post(form.attr('action'),form.serial

javascript - 如何在具有多个值的 Bootstrap-select 中动态选择

如何在Bootstrap-select中动态选择有多个值,如果我的值是1、3、4,使用jQuery?这是我的选择:redorangegreenblue 最佳答案 使用Bootstrap-Select的val方法:$('#myselect').selectpicker('val',[1,3,4]);http://jsfiddle.net/a4bxnwws/参见Bootstrap-Select'sdocumentation. 关于javascript-如何在具有多个值的Bootstrap-s