草庐IT

component

全部标签

javascript - 在 React Components 中绑定(bind)方法的首选方式

截至2017年11月,我知道了几种将方法绑定(bind)到React组件的方法,以便this关键字指向拥有该方法的React元素(例如,在事件处理程序中是必需的)1。在构造函数中绑定(bind)classAextendsReact.Component{constructor(props){super(props)this._eventHandler=this._eventHandler.bind(this)}_eventHandler(){//...}render(){return}}2。render()中的箭头函数classAextendsReact.Component{_event

javascript - 单元测试 : simulate the click event of child component in parent using enzyme

我有一个父组件和一个只是“标签”元素的子组件。当我点击子元素时,我需要调用父组件中的函数。我希望它被调用,但状态没有改变,当我看到覆盖文件时,函数没有被调用。**更新:**该代码适用于开发。只是单元测试失败了。这是我的父组件父类.jsexportdefaultclassParentextendsComponent{constructor(props){super(props)this.state={clickedChild:false}this.handleChildClick=this.handleChildClick.bind(this)}handleChildClick(inde

javascript - react : How to listen to child component events

我有一个组件,假设它包含一个表单。该表单具有子组件,这些子组件本质上是用于输出文本输入和选择菜单的UI小部件。选择菜单组件有点花哨,使用onChange事件进行一些状态维护。我的问题是;如何挂接到父(表单)组件的选择菜单的onChange事件?我无法通过props传递onChange,因为我已经在选择组件中指定了onChange,我不想覆盖它。例子:varForm=React.createClass({handleSelectChange:function(){//Dosomethingwhenchanges},render:function(){varselectMenuOption

javascript - Angular2 动态模板或 ng-include

有没有办法在angular2中动态加载模板?在angular1中,我使用ng-include在主ControllerView中加载不同的html模板。我知道angular2只能采用1个templateUrl并在angular2中搜索ng-include并且找不到任何引用。 最佳答案 当您可以将html作为自定义的新组件并在任何需要的地方使用它时,为什么还需要ng-include,这要归功于选择器标签。例如:@Component({selector:'app-my-component',templateUrl:'./my-compon

javascript - Angular 2 ng-bootstrap 模态 : How to pass data to entry component

我正在尝试将数据发送到自定义模式内容组件,以便我可以从任何其他组件调用它而不是重复代码。我是Angular2的新手,并且遵循了ng-boostrap的“组件作为内容”演示以及Angular文档中的“组件交互”,但还没有找到使它工作的方法或这种情况的示例.我可以打开模式,但不能打开动态内容。我尝试了@Input和变量方法,但没有成功。我还向app.module.ts中的提供程序添加了ModalService。这是我对这两种方法都不起作用的方法:page.component.html:页面.component.ts:import{Component}from'@angular/core'i

javascript - Angular 2动态更改默认路由

我需要允许我的应用程序的用户在需要时更改默认路由:我有一个参数页面,他们可以在其中选择他们想要在登录时首先显示的“页面”。例如,目前,他们在登录时被重定向到Day,但他们希望能够更改这一点,并根据需要在他们登录时在周或月重定向。{path:'planification',component:PlanificationComponent,children:[{path:'',redirectTo:'Day',pathMatch:'full'},{path:'day',component:DayComponent},{path:'week',component:WeekComponent}

javascript - VueJS 嵌套组件

我创建了一个vue组件,它有一个初始的ajax调用,用于获取我将循环访问的对象数组。有没有办法将这些对象定义/转换为另一个vue组件?这是我到目前为止得到的:varmyComponent=Vue.extend({template:'#my-component',created:function(){this.$http.get('/get_objects').then(function(data_array){for(vari=0;i 最佳答案 为了完整起见,我将在此处发布我自己的问题的答案。所有功劳归于JosephSilber和J

javascript - Vue/Vuetify - 未知的自定义元素 : <v-app> - did you register the component correctly?

我是Vue和Vuetify的新手。我刚刚创建了快速应用程序来检查它们。但我一开始就遇到了问题。尽管遵循了文档中概述的所有步骤,vue仍无法识别vuetify组件。错误如下-vue.runtime.esm.js?ff9b:587[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.foundin--->atsrc\App.vue您可以在沙箱https://codesandbox.io/s/40rq

javascript - Angular 2 将 @Component 插入到另一个组件的 DOM 中

我有一个组件import{Component}from'@angular/core';@Component({selector:'test-component',template:'Content',})exportclassTestPage{constructor(){}}我还有另一个组件:import{Component}from'@angular/core';@Component({selector:'main-component',templateUrl:'main.html',})exportclassMainPage{constructor(){}putInMyHtml()

javascript - Vue.js 路由从子目录服务

我想从暂存服务器上的子目录提供我的Vue.js应用程序。例如:http://url.com/subdir/app/现在,如果我这样做并设置构建配置assetsPublicPath以从该文件夹提供服务,所有Assets都可以正常提供,但我的应用程序无法正确路由。“主页”页面被路由到“包罗万象”,任何进一步的路由只会显示正常的白页404。这是我的路由器:exportdefaultnewRouter({mode:'history',routes:[{path:'/',component:ContentView,children:[{path:'/',name:'DataTable',comp