草庐IT

扩展组件

全部标签

javascript - Aurelia - 在子组件上调用 "Refresh"

我正在考虑向具有几个Aurelia组件的屏幕添加“刷新”按钮。我不想将它构建到作为刷新目标的组件中。所以基本上我想在单击“刷新”按钮时重新提取一些Web数据以更新组件。“重新初始化”组件以使构造函数再次运行也是可以接受的。我会把这个相同的概念应用到我拥有的几个组件中,如果存在一种模式可以通用地解决这个问题,那就太好了。我设想了一个解决方案,涉及以某种方式在我可以添加的子组件上调用一个方法,例如类似于childcomponent.Refresh()。但是,我不确定如何引用子组件。处理这种情况的合适方法是什么? 最佳答案 有很多方法可以

javascript - React js 改变状态不更新组件

我有一个按钮,当它被点击时,它应该将按钮颜色更改为红色,我这样做是通过更改状态来更新组件类使其成为.red类,从而更新颜色,4秒后它将恢复正常。然而不知何故它不会更新和重新渲染组件。我的代码:importReactfrom"react";importReactDomfrom"react-dom";constapp=document.getElementById("app");classLayoutextendsReact.Component{constructor(props){super(props);this.users=[{name:"user1",world:"88",},{n

javascript - 用 React 编写的 Chrome 扩展中的路由

我想在我的Chrome扩展程序中添加2个页面。例如:第一个(默认)页面包含用户列表,第二个页面包含针对该用户的操作。我想通过点击用户来显示第二页(在我的例子中是ClickableListItem)。我使用React和React路由器。这是我拥有的组件:classResentsextendsReact.Component{constructor(props){super(props);this.handleOnClick=this.handleOnClick.bind(this);}handleOnClick(){console.log('navigatetonextpage');con

javascript - jQuery.ajax() 在 Chrome 扩展中将 POST 请求作为 GET 发送

我正在构建一个小型Chrome扩展程序,它必须通过POSThttp请求将消息发送到我公司网络中的服务器,并且我正在使用jQuery1.4.1来加速javascript部分的开发。我有这个代码来发送请求:functionsend(){$.ajax({url:"http://mycompany.com/update",method:"POST",data:{status:"sometest",in_reply_to_status_id:"anId"},success:function(data,textStatus){console.log("success");console.log(d

vue3组件库项目学习笔记(五):配置编码规范

现在我们已经拥有了一个可以发布的组件库,但是大家都知道,现在市面上的组件库基本上都是开源维护的或者团队开发,独立的开发组件库工具,所以想要在团队协作的时候更好的编码,也为了使得我们的代码更加规范,我们需要配置我们的组件库规范,以下介绍几个大家比较耳熟能详的工具的配置,大家也可以选择自己喜欢的工具进行开发:配置Eslinteslint是一个非常通用的代码质量检查工具,可以通过配置文件对代码的质量进行约束和修复,我们首先还是导入依赖pnpmieslint-D-w因为我们是基于vue和ts的项目,我们还需要导入相关的依赖,因为eslint默认只支持js的解析pnpmieslint-plugin-vu

微信小程序组件、web-view、h5之间交互

目录结构/component/index-page/index.js/index.wcss/index.wxml/index.json/pages/index/index.wcss/index.wxml/index.js/index.json/web/web.wcss/web.wxml/web.js/web.json小程序/pages/index/index.wxmlcny-index-pageid="index_page"str="{{str}}"arr="{{arr}}"bind:onFund="onFund">cny-index-page>/pages/index/index.jsPag

javascript - 在全局范围内扩展 jQuery ajax 的成功

我正在尝试创建一个在ajax成功回调之前被调用的全局处理程序。我用我的应用程序进行了很多ajax调用,如果这是一个错误,我会返回一个特定的结构,所以我需要在成功运行之前运行一些东西来检查响应数据,看看它是否包含像1/这样的错误代码位0示例响应{"code":"0","message":"yourcodeisbroken"}或{"code":"1","data":"returnsomedata"}我无法在开箱即用的jQuery中找到一种方法来执行此操作,查看了预过滤器、ajaxSetup和其他可用方法,但它们并没有完全实现,我可以想出的办法是破解ajax方法本身一点:varoFn=$.a

javascript - Chrome 调试器中不显示扩展 .js 文件

当我右键单击开发中扩展的图标并单击“检查弹出窗口”(或者当我单击该图标并选择“检查元素”)并查看“源”选项卡下时,我的.js文件不存在可以看到-只有一长串可检查的文件,如apitest、devtools、json_schema等。但是,我可以通过Elements选项卡通过.html文件中的链接找到代码,但这并没有带来到我可以实际调试的任何地方。我还加载了Google教程提供的“Hello,world”扩展,当我检查那个扩展时,它的.js文件就在那里。我无法想象我做了哪些与教程示例不同的事情导致了这种情况。它是在LinuxVM中运行的Chrome版本22.0.1229.94。如果有任何我

javascript - Vueify 上的 Vuejs 递归组件

基于Vuejs文档示例,我正在尝试做一个简单的TreeView组件,我可以在其中显示会计科目表而无需任何交互(不添加,不拖放......非常简单)。我已经在FiddleJs上做了一个例子,但我的例子工作得很好......我不知道为什么我的应用程序不能让它工作!我不知道是不是Vueify的问题...也许你可以帮助我!这是我的代码:OzChartTree.vue{{m.name}}{{a.name}}importOzChartTreefrom'./OzChartTree.vue'exportdefault{components:{OzTree:OzChartTree},props:{mod

javascript - 组件的 child 不应该被改变

我有一个react-redux应用程序。我通过Redux商店的AJAX部分获取数据。这部分看起来像这样:counts:{warning:0,new:0,in_hands:0,completed:0,rejected:0}更改此值后,React渲染组件render(){varcounts=[{id:'warning',count:parseInt(this.props.counts.warning),name:'Внимение'},{id:'new',count:parseInt(this.props.counts.new),name:'Новые'},{id:'in_hands',c