jjzjj

Components

全部标签

javascript - 无效 Prop : type check failed for prop

我用Vue.js创建了一个倒计时,但我无法显示我得到的值。我有两个组件,我已经阅读了Vue的单文件组件指南,但我似乎不明白我做错了什么。在控制台中,我收到以下错误:[Vuewarn]:Invalidprop:typecheckfailedforprop"date".ExpectedNumber,gotString.尽管在我的代码中它被定义为一个数字。app.jsimport'./bootstrap.js';importEchofrom'laravel-echo';importVuefrom'vue';importCurrentTimefrom'./components/CurrentT

javascript - Firefox 扩展 : Cancel requests and emit fake responses

我正在尝试开发一个Firefox扩展,它将每个HTTP请求丢弃到某个站点并返回一个虚假的响应。任何请求都不应到达原始Web服务器,但我希望能够创建自定义响应。我试图拦截“http-on-modify-request”消息,但取消请求似乎不起作用,因为之后我无法模拟真实的响应。同样,使用nsITraceableStream实例,我似乎无法真正取消请求。我没有想法,有人可以帮忙吗? 最佳答案 自Firefox21起,以下答案已被取代,现在是nsIHttpChannel.redirectTo()method做得很好。你可以重定向到一个数据

javascript - react .js : Is it possible to namespace child components while still using JSX to refer to them?

假设我有一个名为ImageGrid的组件定义如下:window.ImageGrid=React.createClass({render:function(){return();}});如您所见,它包含一个名为ImageGridItem的子React组件。.其定义如下。window.ImageGridItem=React.createClass({render:function(){return(something);}});只要两者都是window的直接属性,这就可以正常工作.但这有点可怕,所以我想将我所有的react组件分组到window.myComponents的命名空间下。例如。

javascript - 语义 ui 的 `gulp build` 给出错误 'ENOENT: no such file or directory'

版本:gulp@3.9.1我已经通过npminstall安装了semantic-ui并在交互式设置过程中给出了默认设置。但是当我从/semantic文件夹执行gulpbuild时,我收到以下错误:[20:52:27]Starting'build'...BuildingSemantic[20:52:27]Starting'build-javascript'...BuildingJavascript[20:52:27]Starting'build-css'...BuildingCSS[20:52:27]Starting'build-assets'...Buildingassets[20:5

javascript - react : Are there respectable limits to number of props on react components

有时我的组件具有大量属性。这有什么固有的问题吗?例如render(){const{create,update,categories,locations,sectors,workTypes,organisation}=this.props;//eslint-disable-lineno-shadowreturn();}最佳实践是什么? 最佳答案 我认为您刚刚发现了代码味道。任何时候你有那么多输入(Prop)到一个函数(组件),你必须质疑,你如何用参数组合的所有排列来测试这个组件。使用{...this.props}传递它们只会减少打字,

javascript - react : Passing props to function components

我有一个关于props和函数组件的看似微不足道的问题。基本上,我有一个容器组件,它在用户单击按钮触发的状态更改时呈现模态组件。模态是一个无状态函数组件,其中包含一些需要连接到容器组件中的函数的输入字段。我的问题:当用户与无状态Modal组件内的表单字段交互时,如何使用父组件内的函数来更改状态?我是否错误地传递了Prop?容器exportdefaultclassLookupFormextendsComponent{constructor(props){super(props);this.state={showModal:false};}render(){letclose=()=>this

javascript - Angular 1.5 嵌套组件绑定(bind)父值

我是angularjs的新手。我正在尝试angular1.5嵌套组件。我可以在子组件中绑定(bind)父组件属性吗?例如:我可以在com-bind中获取ct.name值。但无法在child-com-bind中获取cbsCusCompCntAs.name。(cbsCusCompCntAs是cbs-cus-compController)工作Plunker:https://plnkr.co/edit/axQwTn?p=preview提前致谢。 最佳答案 在第一种情况下,您是通过controllerAs直接引用Controller作用域。在

javascript - Angular2 组件 - 动态内联样式

我有一个组件有count和一个color属性(property)。该组件应该显示count数量带有内联样式的s用于将其颜色更改为color.这是我目前所拥有的:@Component({selector:'my-control',template:`COLOR={{color}}`})exportclassMyControl{private_count:number;@Input()setcount(value:string){this._count=+value;}@Input()setcolor(value:string){this._color=value;}getdummyArr

javascript - 找不到 Ember 组件

我想制作一个组件来包装来自HTML5拖放API的事件。这是我在Ember中制作的第一个组件,请耐心等待。我们将模板预编译为Templates.js和Components.js。我们使用HTMLBars作为模板。我看过官方的Ember文档和一些关于Ember组件的教程,但它仍然说:UncaughtError:AssertionFailed:Ahelpernamed'dropzone'couldnotbefound这是JS/Components/dropzone.js中组件的Javascript代码:App.DropzoneComponent=Ember.Component.extend(

javascript - 应该如何配置 VSCode 以支持 Lerna Monorepo?

我有一个lerna包含大量软件包的monorepo。我正在努力实现以下目标:确保VSCode提供从一个包到另一个包的正确导入建议(基于包名称,而不是相对路径)。确保我可以“打开定义”其中一个导入文件并转到该文件的src。对于1.我的意思是,如果我在package-a中导航代码并开始键入package-b导出的函数,我会得到一个建议,该建议将触发添加导入:`import{example}from'包-b'。对于2.我的意思是,如果我在从导入它的不同包中导航文件时按住alt/单击由“package-b”导出的函数的名称,我将被带到“/packages/namespace/”package/