草庐IT

components

全部标签

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 - VueJS - 对象 Prop 验证

在VueJS中,如何验证Object类型的props以确保对象定义了一些特定的字段?例如,我想确保userprop将具有字段“name”、“birthDate”等。提前致谢。 最佳答案 您可以为对象创建自定义验证器函数:https://v2.vuejs.org/v2/guide/components.html#Prop-Validationprops:{propF:{validator:function(value){returnvalue>10}}}如果所有字段都存在,函数应返回true。示例:https://jsfiddle.n

javascript - 在 vue 中发出带参数的事件

我正在尝试使用这样的参数发出函数。template:`{{selectedItem}}{{item.name}}`这是我正在尝试将项目像参数一样传递给方法。这是我尝试发出函数的组件:这是我的方法:selectedITem(arg1){console.log("cl")console.log(arg1)}如果我不尝试传递参数,那么一切正常,所以我的方法selectedITem正在运行。当我尝试像那样传递参数时,什么也没发生,我也没有收到任何错误。 最佳答案 $emit()中的以下参数是您发出的函数中的参数。$emit('select-

javascript - React-Redux mapStateToProps 与传递父 Prop

这可能是一个有点幼稚的问题,但我是react-redux的新手,我正在边学边学。上下文:假设我有一个react-redux应用程序。在我的顶级组件中,我在底部有这个:functionmapStateToProps({auth}){return{auth};}exportdefaultconnect(mapStateToProps)(newComponent);“auth”部分来self的reducerindex.js文件:import{combineReducers}from"redux";importauthReducerfrom"./authReducer";exportdefau

javascript - react .createElement : type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object

预计我应该能够导出我的App组件文件并将其导入到我的index.js中。结果出现以下错误React.createElement:typeisinvalid--expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:object我的index.jsconstReact=require('react');constReactDOM=require('react-dom');constApp=require('./components/App');require('./inde

Angular 2 : getting RouteParams from parent component

如何从父组件获取RouteParams?App.ts:@Component({...})@RouteConfig([{path:'/',component:HomeComponent,as:'Home'},{path:'/:username/...',component:ParentComponent,as:'Parent'}])exportclassHomeComponent{...}然后,在ParentComponent中,我可以轻松获取用户名参数并设置子路由。Parent.ts:@Component({...})@RouteConfig([{path:'/child-1',com

javascript - Animated.Component/createAnimatedComponent(Component) 与 Component 有何不同?

我们正试图从styled-components项目中找出以下问题的原因:https://github.com/styled-components/styled-components/issues/389对refs+setNativeProps进行了一些更改,在一个地方破坏了动画,假设是因为一些动画相关信息没有被正确传递。因此问题是了解createAnimatedComponent如何改变初始组件,添加了什么?如果传递不正确,什么会导致动画中断?如果您知道可能导致此问题的原因,请提供想法/详细答案。更新与问题相关的重大更改发生在thisfile中的某处引用innerRef向下传递ref,

javascript - 我们需要导入 React 还是只导入 {Component, PropTypes} 就可以了?

在我的所有组件中,我目前包括这样的react:importReact,{Component,PropTypes}from'react'我不明白为什么每个人都在不使用React时包含它,因此想检查删除它是否安全? 最佳答案 它是JSX工作所必需的。本质上,JSX处理器所做的是:进入这个:React.createElement('div')有一些方法可以告诉它使用不同的函数,比如createElement然后总是导入{createElement}而不是React——是改进的对立面,无论如何你都不应该这样做。

javascript - Ember : nested components events bubbling

我创建了一组嵌套组件。代码在这里:http://emberjs.jsbin.com/hasehija/2/edit.HTML:{{#level-1}}{{#level-2}}{{#level-3}}Clickme(yielded){{/level-3}}{{/level-2}}{{/level-1}}JS:App.ApplicationController=Ember.Controller.extend({actions:{handleAction:function(){alert('HandledinApplicationController');}}});App.Level1Com