草庐IT

Vue的组件化编程

全部标签

javascript - 如何访问 Knockout 组件中的自定义元素?

看看这个场景:ko.components.register('hello',{viewModel:function(){},template:"hellowrold"});如果我使用生成的html结果将是:helloworld但是如果我想要这个怎么办:helloworld那我怎样才能在组件中获取对自定义元素标签的引用呢? 最佳答案 自定义元素包含组件,它不被视为组件的一部分。就像在foreach、template或with绑定(bind)中使用的外部标记一样。如果你想为该标签设置样式,你必须添加绑定(bind)来设置它的样式。该组件

javascript - 如何从 react 中的组件实例访问静态函数?

我有一个组件,其中定义了许多静态函数(通过组件定义中的statics属性)。我需要在生命周期方法中访问这些静态函数之一componentDidMount.我尝试了以下this对象有一个statics属性,但这似乎是null总是this对象也有一个_owner,它又有一个statics属性(property)。同样,这始终是null然后我试了this.constructor..这对我有用。我只是想知道这是否是访问为组件定义的静态函数的正确方法,还是有其他我不知道的东西。 最佳答案 通过this.constructor访问您的静态方法和

javascript - 如何以编程方式设置 Angular 2 表单控件值?

如何从代码更改Angular2控件?当我这样做时:control.value="newvalue";我收到以下错误:TypeError:Cannotsetpropertyvalueof#whichhasonlyagetter 最佳答案 您可以使用updateValue方法:control.updateValue("newvalue");更新:您现在可以使用setValue:control.setValue("newvalue"); 关于javascript-如何以编程方式设置Angula

javascript - Angular 2 中的服务应该包含数据操作逻辑还是组件?

这可以标记为基于意见。但我正在寻找标准/最佳实践。我正在构建一个Angular2应用程序,在将数据显示在模板中之前,我必须先操作API中的数据。例如,如果我的服务如下所示:getData(id:number):Observable{returnthis.http.get(this.url+'/'+id).map((res)=>{returnres.json().data;});}prepareData(data){//manipulateandreturnthedata}在我的组件上,我可以这样调用服务:getData(id:number):void{this.dataService.

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 - 在 Vue.js 中使用 OwlCarousel 的问题

我正在使用vue.js和OwlCarousel,每次我将v-for与轮播一起使用时,它不会向我显示轮播的样式,它只会向我显示列中的图像。这是对API的请求:exportdefault{data:{videos_p:[]},mounted(){axios.get("xxxxxxxxxxx").then(response=>{this.videos_p=response.dataconsole.log(this.videos_p)})}}$(document).ready(function(){varowl=$('.owl-carousel');owl.owlCarousel({items

javascript - 扁平化深层嵌套的 ajax 回调的编程模式?

我继承了JavaScript代码,其中Ajax处理程序的成功回调启动另一个Ajax调用,其中成功回调可能会也可能不会启动另一个Ajax调用。这导致了深度嵌套的匿名函数。也许有一种聪明的编程模式可以避免深度嵌套并且更干。此外,还有在整个函数中使用的内部变量myVar1和myVar2的问题。jQuery.extend(Application.Model.prototype,{process:function(){varmyVar1;//processingusingmyVar1;jQuery.ajax({url:myurl1,dataType:'json',success:function

javascript - 当元素以编程方式移动到鼠标下方时,不会触发 jQuery 悬停

我有一个带有悬停效果的图像(当鼠标悬停在它上面时不透明度更高)。当鼠标移入和移出时,它会按预期工作。但是,图像本身在移动(我定期更改css属性top)。当鼠标不动,图片移动到鼠标光标下时,不触发相关事件。这意味着,不会调用悬停函数。我也尝试使用mouseenter和mouseleave事件,但它们也不起作用。什么是获得所需行为的好方法(只要鼠标悬停在图像上,无论它为什么到达那里,都会产生悬停效果)? 最佳答案 如果鼠标没有移动,您将无法触发鼠标事件,但您可以在图像移动时检查鼠标的位置。您需要做的是在全局变量中跟踪鼠标位置,并检查鼠标

javascript - ReactJS 组件函数

关于ReactJS仍然有愚蠢的问题=)有什么办法可以给React组件添加公共(public)函数吗?我正在尝试做这样的事情:varLoginForm=React.createClass({getInitialState:function(){},render:function(){},MyFunc:function(){}})...varlogin_form=LoginForm({});React.renderComponent(login_form,document.body);...login_form.MyFunc();你能解释一下我做错了什么吗? 最

javascript - 使用太多 'if' 语句是不是编程不好?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭3年前。Improvethisquestion我很好奇我是否使用了太多if/elseif语句。我正在使用javascript编写一个井字游戏程序,并确定计算机是否应该阻止我正在使用大约9个if语句的播放器,并且在确定是否有3个连续的语句时我使用大约9个。例如:if(r1c1V===xOrO&&r1c2V===xOrO&&r1c3V===xOrO){is3InARow=true;}elseif(r2c1V===xOrO&&r2c2V==