草庐IT

no-mutating-props

全部标签

javascript - 来自 jsdoc 的错误消息 "There are no input files to process"

Jsdoc在本地安装(npminstalljsdoc)。尝试执行时出现以下错误.\node_modules.bin\jsdoc--debug./lib/JavaScriptSource.js输出:调试:JSDoc3.3.0-dev(2014年6月15日星期日18:39:52GMT)调试:环境信息:{"env":{"conf":{"tags":{"allowUnknownTags":true},"templates":{"monospaceLinks":false,"cleverLinks":false,"默认":{"outputSourceFiles":true}},"source":

javascript - Vue.js Prop 、组件和数据命名空间

当我有一个Vue.js组件时,它可能看起来像:importIconfrom'./Components/Icon.vue'exportdefault{props:{data:{type:Object}},data(){return{label:this.data.label||'',icon:this.data.icon||'',placeholder:this.data.placeholder||'',value:this.data.value||'',disabled:this.data.disabled||false,readOnly:this.data.readOnly||fal

javascript - this.props.history 已弃用( react 路由器)

我试图以编程方式导航到另一个页面,就像这样this.props.history.push('/new-path');它有效,但我在控制台中收到弃用警告说:警告:[react-router]props.history和context.history已弃用。请使用context.router。此处有更多信息https://github.com/reactjs/react-router/blob/master/upgrade-guides/v2.0.0.md#changes-to-thiscontext之后我尝试像这样使用这个新方法this.context.router.push('/new

javascript - Vue - 使用 Prop 将类名添加到组件

我想使用以下Prop在Vue中制作一个自定义组件:text=要在链接中显示的文本。icon=显示在链接旁边的图标的标识符。我的组件有以下.Vue模板。{{text}}exportdefault{props:['text','icon'],data(){return{}}}本质上,我的模板中有默认的Font-Awesome代码:我想通过使用它的prop向我的组件添加一个类。谢谢。 最佳答案 因此,当您的属性icon持有值home时,您可以像下面这样使用一些类绑定(bind)(谢天谢地,在Vue.js中attributes中允许使用js

javascript - 如何将 Prop 传递给组件的故事?

我想为vue-select添加一些故事组件使用Storybook,但我正在努力处理更复杂的案例,其中涉及传递Prop或方法。当我在模板内传递Prop时它起作用:storiesOf('VSelect',module).add('withlabeledcustomoptions',()=>({components:{VSelect},template:``}))我发现它的可读性不是很好,所以我想将它们分别作为props或data传递:.add('withlabeledcustomoptionsasprops',()=>({components:{VSelect},props:{option

javascript - 错误 : 'console is not defined. [no-undef] - 括号

我已经安装了括号,目前正在使用变量和函数。所有输出在控制台中都可以正常工作,但是我在编辑器中不断收到此错误。我该如何解决这个问题? 最佳答案 no-undef规则寻找undefinedvariable,而不对环境和全局变量(例如console)进行任何初始假设。您可以通过在中添加browser和/或nodeenvs来指定您处于console确实存在的环境中>.eslintrc:env:{browser:true,node:true,},更多信息在ruledoc 关于javascript-

javascript - handlebars.js 未捕获类型错误 : Object #<Object> has no method 'call'

有人帮忙解决handlebars.js的问题吗?我正在使用在Centos6.4上运行的handlesbars预编译模板。要安装这个,我安装了:npm:yum-y--enablerepo=epelinstallnpm首先继承以避免问题:npminstall-ginherits然后是Handlebars本身:npminstall-ghandlebars这给出了以下版本:handlebars@2.0.0-alpha.1/usr/lib/node_modules/handlebars乐观主义者@0.3.7(wordwrap@0.0.2)uglify-js@2.3.6(async@0.2.10,

javascript - "$attrs is readonly", "$listeners is readonly", "Avoid mutating a prop directly"

我是Vue新手。我正在尝试开发一个聊天应用程序,其中好友列表将显示在左侧菜单上,聊天框将显示在正文中。我正在使用ajax调用加载好友列表,并根据好友ID路由到聊天框。这是代码示例。聊天列表组件将从服务器加载好友列表。这是我的app.js文件;Vue.use(VueRouter)constrouter=newVueRouter({routes,linkActiveClass:"active"});importChatComponentfrom'./components/ChatComponent';constroutes=[{path:'/chat/:id/:name',componen

javascript - Provider 中的无效 Prop child

过去几周我一直在学习React。首先使用普通React开发了一个简单的Chat,现在我开始将Redux集成到我的应用程序中。我添加了一个简单的Action、一个匹配的Reducer(以及一个根Reducer)和一个Store。然后我到达了需要使用react-redux库中的Provider的部分:importReactfrom'react';importReactDOMfrom'react-dom';import{Provider}from'react-redux';import{Router,browserHistory}from'react-router';importConfig

javascript - Vue 2 - 如何在 Prop 中设置默认数组类型

我有我的Vue组件,它以一组对象作为Prop。我经常使用prop验证,尤其是对于“默认”值功能。在这种情况下,我有:props:{items:Array}但我希望它像Typescript或React一样:props:{items:Array.of({key:{type:String,default:'myText'}})}等等有可能实现吗?否则我需要使用计算数据作为map来设置默认值 最佳答案 我创建了示例:jsFiddle,这可能会对您有所帮助,是的...您可以将默认值作为数组返回:ES6props:{items:{type:Ar