草庐IT

按钮(Button)组件

全部标签

javascript - 将 html 传递给 Vue 组件

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

javascript - 如何将 Prop 传递给组件的故事?

我想为vue-select添加一些故事组件使用Storybook,但我正在努力处理更复杂的案例,其中涉及传递Prop或方法。当我在模板内传递Prop时它起作用:storiesOf('VSelect',module).add('withlabeledcustomoptions',()=>({components:{VSelect},template:``}))我发现它的可读性不是很好,所以我想将它们分别作为props或data传递:.add('withlabeledcustomoptionsasprops',()=>({components:{VSelect},props:{option

javascript - 在线时未呈现 Google 加号登录按钮

我正在为我的新手机游戏开发一个社区网站,我正在尝试向其中添加googleplus登录流程。实现期间采取的步骤:->已关注this谷歌开发者教程HTML按钮代码:.apps.googleusercontent.com"data-cookiepolicy="single_host_origin"data-requestvisibleactions="http://schemas.google.com/AddActivity"data-scope="https://www.googleapis.com/auth/plus.login">Javascript加载代码:(就在主体关闭之前)(fu

javascript - 当 redux 状态更新时在组件上调用 forceUpdate()

我有一个问题,redux状态被成功更新,但react组件没有重新渲染,经过一些研究我相信[forceUpdate()][1]可以解决我的问题,但我是不确定实现它的正确方法,即在redux状态更新之后。我尝试在github上查找示例,但没有成功。 最佳答案 正如其他人所说,forceUpdate()基本上是一种hack。只要Prop和状态发生变化,您就可以免费获得更新。React和Redux可以无缝协作,因此请避免任何此类黑客行为。如果您的Redux状态正确更新而您的ReactView没有正确更新,那么您很可能没有以不可变的方式更新。

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 - 使用 TypeScript 强制 React 组件命名

有React+TypeScript的应用,所有的组件类都要大写,有Component后缀,例如:exportclassFooBarComponentextendsReact.Component{...}应用程序被弹出create-react-application应用程序,即使用Webpack构建。如何强制组件命名与样式指南保持一致,至少对于组件类而言,当存在不一致时会在构建时抛出错误?我相信这不能单独使用TSLint/ESLint来实现。如果应该对TypeScript和JavaScript使用不同的方法,那么针对这两种语言的解决方案会很有帮助。 最佳答案

javascript - jQuery UI 对话框,在按钮旁边添加元素

jQueryUI对话框的一个优点是它有一个按钮选项,可以自动将它们正确定位。我只是想知道:我能以某种方式将元素放在按钮旁边吗?我有一个小的Ajax-Loadergif,我想在对话框的左下角显示,而按钮留在右下角?我知道我可以删除按钮并在HTML中手动创建它们,但是由于jQuery已经为我处理了定位和样式,所以如果有意义的话我想保留该功能。$("#newProjectDialog").dialog({bgiframe:true,resizable:false,width:400,modal:true,overlay:{backgroundColor:'#000',opacity:0.5}

javascript - $.getJSON 后退按钮显示 JSON 返回数据而不是页面

我的网站有点问题。我有一个托管谷歌地图的页面。但是,直到用户单击按钮,map才会显示。然后调用$.getJSON获取我需要在map上显示的地址...$.getJSON(theurl,function(json){...}一切正常。但是,如果用户随后移动到另一个页面,然后单击“后退”按钮,他们会从显示的$.getJSON调用中获取数据,而不是页面本身。就好像获取地址的调用已经成为浏览历史的一部分。如果用户在数据出现时点击刷新,则会显示整个页面。谁能告诉我如何阻止这种情况发生。我在ASP.NetMVC站点中使用googlemap。谢谢 最佳答案

c# - 在 ajax 调用中从 javascript 引发服务器端按钮单击事件

我在页面上有一个提交按钮。在Javascript上,调用ValidateSaveTest函数来验证所有字段。functionValidateSaveTest(Sender){//dosomevalidation,iffailsreturnfalsefromhere.elsemoveforwardvarparameters={};parameters["parametersName"]=$("#"+hidTestId).val();varsucceededAjaxFn=function(result){if(result==true){varisNewVersion=confirm("C

javascript - 如何为 google maps api v3 街景制作自定义关闭按钮?

我正在尝试在googlemapsapi街景模式下自定义那个非常小的关闭按钮:如何自定义街景关闭按钮? 最佳答案 引用我找到了thisreference在解释如何将dom对象插入街道mapView的谷歌群组中。自定义Javascript代码然后我做了一些自定义编码,这就是我想出的:window.addEventListener('DOMContentLoaded',function(e){//GetclosebuttonandinsertitintostreetView//#buttoncanbeanytdomelementvarcl