草庐IT

按钮(Button)组件

全部标签

javascript - React - 从属于同一个 render() 的另一个组件触发组件方法

我有一个自定义组件Foo,其'bar'我想从外部触发的功能:classFooextendsReact.Component{bar(){...}}我正在渲染Foo连同button其目的是触发Foo.bar():render(){return();}我尝试过的事情:移动里面Foo,然后添加onClick的在Foo's构造函数——onClick的绑定(bind)不起作用——我看到它已附加,但是仍然没有触发onClick.(或者,如果可行,如何正确执行)?不符合我要求的解决方案:我看到一个potentialsolution建议在整个MyComponent中听一次点击,然后执行一些DOM查询以查

javascript - React Router v4 不渲染组件

ReactRouterv4渲染组件出现问题。在应用程序的初始加载时,它将呈现与URL对应的正确组件。但是,任何后续的Link单击都不会呈现所需的组件。图书馆ReactRouter:4.2.2react:15.6.1ReactDOM:15.6.1--仅提及图书馆以防产生影响--ReactRedux:5.0.6终极版:3.7.2Material用户界面:0.19.0为了简洁起见,将省略一些导入网站结构index.jsx|App.jsx|Auth.jsx|Layout.jsxindex.jsximportReactfrom'react';importstorefrom'./store.js'

javascript - vue 包装另一个组件,传递 Prop 和事件

如何编写我的组件来包装另一个vue组件,同时我的包装器组件获得一些额外的Prop?我的包装器模板组件应该是:和包装Prop:props:{prop1:String,prop2:String}这里我想包装一个表格组件,并将传递给包装器的所有Prop和事件传递给表格组件,除了两个额外的Propprop1和prop2。在vue中执行此操作的正确方法是什么?事件也有解决方案吗? 最佳答案 将您希望包装的组件放入包装器组件的模板中,将v-bind="$attrs"v-on="$listeners"添加到该组件标签,然后添加内部组件(以及可选的

javascript - Internet Explorer 中的锯齿状按钮边缘

如何去除InternetExplorer中宽按钮的锯齿状边缘?例如: 最佳答案 您还可以通过在按钮上设置background-color和/或border-color来消除WindowsXP的按钮样式(以及所有其他版本的Windows)。尝试以下样式:background-color:black;color:white;border-color:redgreenblueyellow;当然,您可以使它更赏心悦目。但你明白我的意思:)StackOverflow使用这种方法。 关于javasc

javascript - jQuery:如何选择所有带有名称的单选按钮?

我试图选择所有具有名称的单选按钮,但我只能选择选中的那些。例如,这有效:$("input[@name='id']:checked").each(function(){//});它选择所有带有名称id的输入,这些输入被选中(在本例中是一个单选按钮)。但是我需要所有这些,因为我需要在这个函数上没有检查这个名字的那些。例如,这没有做任何事情:$("input[@name='id']").each(function(){//});我该怎么办?谢谢! 最佳答案 试试这个:$('input[name="yourName"]').each(fun

Javascript/jQuery 仅在浏览器后退/前进按钮单击时检测哈希更改

是否可以仅在浏览器历史记录更改(即后退或前进按钮)时检测哈希更改?我已经看到了onBeforeUnload事件,但是这个事件不会在哈希更改时触发,因为窗口没有卸载。hashchange事件显然会在哈希更改时触发。任何修复?最好不用插件。我看过jQuery历史插件,但我正在寻找最简单的解决方案。感谢您的帮助。 最佳答案 我最终在触发导航时标记了一个标志,如果标记了标志,hashChange事件将忽略它,否则它会像处理后退/前进事件一样处理它。 关于Javascript/jQuery仅在浏览

javascript - 如何使用js将按钮添加到td?

我有一个动态生成的表,因为它正在生成它的TD,我想将第一个TD设置为一个按钮。下面是我的代码,显然不起作用。我记得我遇到的另一个问题是我们可以使用.html()更改div的内容,但这在这里也不起作用。代码:vartable=document.getElementById("userinfo");varthead,tr,td;table.appendChild(thead=document.createElement("thead"));thead.appendChild(tr=document.createElement("tr"));tr.appendChild(td=documen

javascript - 单击按钮启动 fancyBox

我遇到了fancyBoxv2的一个小问题。我想在点击按钮时启动fancyBox。单击后,它将加载列表中的所有图像(来自的src属性)。我创建了这个jsfiddle来展示我正在尝试做的事情:http://jsfiddle.net/fPFZg/jQuery(document).ready(function($){$('button').on('click',function(){$.fancybox();});});谁能看出这是怎么可能的? 最佳答案 我有同样的问题,发现下面的方法更简单:HTMLOpenFancybox(yourFan

javascript - 如何在 Vue js 中使用其名称获取 View 或组件对象?

Javascript代码:varmain=newVue({el:"#main",data:{currentView:"top",},});vartopComponent=Vue.component('top',Vue.extend({template:"#top",}));现在,当我访问main.currentView时,我得到“top”。但是对于这个字符串'top',我如何获取组件topComponent? 最佳答案 来自VueJSguideDespitetheexistenceofpropsandevents,sometimes

javascript - 如何在 Angular 2 的组件中使用管道?

我有一个管道类,它根据您传递的参数返回数据。我知道如何使用|符号在我的模板HTML中使用它,但我也想在我的组件中使用它。有没有办法在Angular2中直接从组件或服务内部调用管道? 最佳答案 您可以使用以下方法直接在您的代码中调用您的管道:YourPipeClass.prototype.transform(value,arg1,arg2);您可以从组件内部或导入它的任何其他地方调用它。还有新的方式:newSortTodosPipe().transform(value,arg1,arg2);但请记住,它会创建一个对象,因此要么保存该对