草庐IT

按钮组件

全部标签

javascript - 单击由 div 使用 JavaScript 制作的按钮?

在Google+中,用于发表评论的按钮由div构成:Postcomment我想我可以点击它:document.getElementById(":1vq.post").click();但是它说元素没有属性click,我发现onclick是null。那么如何使用JavaScript单击按钮呢? 最佳答案 编辑:在与开始这个问题的wong2聊天后,对这个问题的真正含义进行了很多失败的猜测(问题写得很糟糕),他们试图做的是编写一个Greasemonkey用户脚本来制作回车键按Google+信息流中的发表评论按钮。由于我还没有收到加入Goog

javascript - 用 enzyme react 测试组件 Prop 变化

我正在修改此处找到的示例:https://github.com/airbnb/enzyme/blob/master/docs/api/ReactWrapper/setProps.mdclassFooextendsReact.Component{render(){return({}}/>);}}it('shouldpassanddoesnot',()=>{constwrapper=mount();expect(wrapper.find('.foo').html()).toBe(``);wrapper.setProps({name:'bar'});expect(wrapper.find('

javascript - Angular 1.5 中的组件和指令

Angular1.5中的重大功能变化正在周边支持components.component('myComponent',{template:'Hello{{$ctrl.getFullName()}}',bindings:{firstName:'虽然这一切都很好,但我不确定这与指令有何不同。与传统的自定义指令相比,使用components有什么好处?Angular1.5和Angular2中的组件是否相同? 最佳答案 .component不会像@rekŻelechowski所说的那样替换.directive。所以..没有什么是.compo

javascript - 测试 Vue.js 组件

我想测试一个Vue.js组件,但我失败了。简单地说,我正在设置一个组件属性,我想断言它设置正确。如果这很重要,模块将加载导出,并使用Webpack输出JS。//componentexports=module.exports={};module.exports={data:function(){return{active:false};},methods:{'close':function(){console.log(this.active);//->truethis.active=false;console.log(this.active);//->false}}};//compone

javascript - 更新深层不可变状态属性时,Redux 不更新组件

我的问题:为什么在我的不可变状态(映射)中更新数组中对象的属性不会导致Redux更新我的组件?我正在尝试创建一个将文件上传到我的服务器的小部件,我的初始状态(来self的UploaderReducer内部,您将在下面看到)对象如下所示:letinitState=Map({files:List(),displayMode:'grid',currentRequests:List()});我有一个thunk方法,它在事件发生时(例如进度更新)开始上传和分派(dispatch)操作。例如,onProgress事件如下所示:onProgress:(data)=>{dispatch(fileUpl

javascript - 在 Angular 2 中的多个组件之间共享 WebSocket 数据的最佳方式?

我开始构建一个应用程序。有很多组件。他们每个人都需要来自1个webSocket的一部分数据。webSocket接收对象示例:每个Angular2组件都需要来自接收对象的1个字段。是否可以创建1个服务,连接到webSocket,接收数据并在所有组件之间共享?我认为这将是一个很好的解决方案。现在我正在使用下一种方法:getConfigCallback(){this.connectionSockets.telemetry=io(this.config.connections.telemetry);this.connectionSockets.controlFlow=newWebSocket(

javascript - 当不在主路径中时,显示后退按钮以像浏览器后退按钮一样返回

在标题中,我有一个菜单按钮,单击该按钮会显示不同的链接。但是,我只想在主路径(即“/”)中显示菜单按钮。当我导航到其他页面时,我想将菜单按钮更改为后退按钮。这个后退按钮应该像浏览器的后退按钮一样,一次后退一步,直到我回到主路径。我怎样才能做到这一点?我正在使用“react”:“^15.1.0”和“react路由器”:“^2.5.2”。AppClient.jsReactDom.render((......),reactContainer)App.jsexportdefaultclassAppextendsReact.Component{render(){const_this=this;r

javascript - 从父级访问 Vue 中组件的计算属性

如何从父级访问Vue中组件的计算属性?在此示例中,我有一个包含商品组件的购物车,我想计算并显示购物车商品的总和:购物车.jsvarvm=newVue({el:'#cart',components:{cartItem:require('./components/cart-item.js'),},data:{items:[{name:'apple',qty:5,price:5.00},{name:'orange',qty:7,price;6.00},],},computed:{//IwanttodosomethinglikethisandaccesslineTotalfromcartcar

javascript - Atom Electron 使用 html 按钮和 javascript 关闭并最小化窗口

我说使用Electron并尝试制作最小化和关闭按钮。index.htmlminimizeclose索引.jsconstremote=require('electron').remote;functionminimize(){varwindow=remote.getCurrentWindow();window.minimize();}functionclose(){varwindow=remote.getCurrentWindow();window.close();}我一定是犯了一些愚蠢的错误或者什么,但是最小化按钮工作得很好,而关闭按钮不起作用。我还尝试了这里提到的EventListe

javascript - 如何在 select2 单选中触发标签创建(例如,按下相邻按钮时)?

我正在使用select24.0.3。我有一个用于输入电子邮件地址的select2框,我想确保所有电子邮件地址都包含在.val()中,也是用户仍在搜索字段中输入的地址。表单字段由$('.invite-emails-field')引用。当我按下发送按钮时,在事件处理程序中$('.invite-emails-field').val()只给我前两个地址test1@example.com和test2@example.com,但不是第三个地址(test3@example.com)。这是我初始化select2元素的方式:$('.invite-emails-field').select2({tags: