草庐IT

computed-style

全部标签

javascript - Vuex + VueJS : Passing computed property to child is undefined

我正在阅读这个documentationonVuecomponents,但使用Vuex数据作为我的组件属性。在这个例子中,如果country_id在data方法中,它工作正常。但是当country_id是一个从Vuexstore返回数据的计算属性时,子组件的internalValue总是被初始化为undefined。我做错了什么?父组件:exportdefault{computed:{country_id(){returnthis.$store.state.user.country_id}},mounted:function(){this.$store.dispatch('user/l

javascript - react .js : how to make inline styles automatically update progress bar on state change

我在React.js和ZurbFoundation中构建了一个进度条,我想反射(reflect)当前状态。我知道一开始我可以用这样的东西设置宽度:render:function(){varspanPercent=(this.props.a-this.props.b)/this.props.a+'%';varspanStyle={width:spanPercent};return();}但是,当props的值由于状态变化而变化时,即使props值发生变化,内联样式也不会更新。是否有执行此操作的最佳实践,例如使用回调或将代码放在其他地方?如果有任何帮助,我将不胜感激!

javascript - JQuery - 获取宽度 : auto from inline style

我正在尝试使用jquery获取元素的内联属性:width:auto。一旦我获得宽度,.width()就会返回一个px值,而不是auto。这是我需要的示例:我有一个img设置了这个内联样式:我需要将该图像包装在a中,以使图像可点击。我还需要获取图像样式并将其移动到anchor标记://---getheight,widthandentirestylevarimgHeight=$("#image").height();varimgWidth=$("#image").width();varimgStyle=$("#image").attr("style");//---removeinlines

javascript - style.left 和 element.offsetLeft 有什么区别

谁能告诉我style.left和element.offsetLeft有什么区别,是一样的吗? 最佳答案 element.offsetLeft返回当前元素的左上角在offsetParent节点内向左偏移的像素数。elem.style.left获取样式属性的左侧属性 关于javascript-style.left和element.offsetLeft有什么区别,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

javascript - 无法读取 null 的属性 'style'

由于一些奇怪的原因,我得到了一个奇怪的错误。我有一个元素(我用PHP定义的)最终看起来像这样:...somehtmlinputsandstuff....我通过Chrome的InspectElement确定。现在,当我尝试用这个编程方式解决它时:document.getElementById("1_area_1_5").style.display='none';我收到Cannotreadproperty'style'ofnull错误。我不知道这到底是什么意思,有什么帮助吗? 最佳答案 错误意味着该元素不存在。那是因为你打错了你写了1而

javascript style.width 在具有过渡文档类型的 firefox 中不起作用

我有一个脚本可以让一个小的DIV在页面上弹出。在IE中一切正常,如果我删除DOCTYPE,在FF中一切正常,但是当DOCTYPE为XHTML/Transitional时,在Firefox中,宽度不会改变。this.container.style.visibility="visible";alert("this.container.style.widthbefore="+this.container.style.width)this.container.style.width=this.width;alert("this.container.style.widthafter="+this

javascript - d3 : what is the self as in d3. select(self.frameElement).style ("height", height + "px");

我在许多D3示例中看到过如下语句。但是,我无法找出它的含义。特别是,我不知道这个self变量指的是什么。此外,这是否体现了某种D3魔术/惯例,或者它只是一个临时的东西?非常感谢。d3.select(self.frameElement).style("height",height+"px");顺便说一句,here是我复制上面语句的例子。 最佳答案 self:如果没有重新定义(通常作为this的副本),那么它就是始终指向windowwindow对象。因此它们可以互换使用。window.frameElement:返回嵌入窗口的元素(例如或

Javascript,CSS : Get element by style attribute

我愿意:找到页面中所有元素的样式属性(例如:所有具有color:#333;的元素)为所有这些更改此属性(例如从color:#333更改为color:#444)。您对此有什么建议吗? 最佳答案 我的建议是尽可能避免这样做。相反,使用一个类来分配颜色值,然后您可以使用该类而不是颜色值来查找元素。据我所知,没有选择器(甚至在CSS3中也没有)可用于查询特定样式值,这意味着遍历所有元素(或者它看起来像你可以将其限制为具有style属性的所有元素)并查看element.style.color属性。现在,问题是,即使您在style属性中编写了c

Vue中computed和watch区别

前言vue中的computed和watch我们经常会用到,那么在什么场景下使用computed和watch,两者又有什么区别呢,傻傻分不清楚。记录一下,温故而知新!computedcomputed是计算属性,基于data中声明过或者父组件传递的props中的数据通过计算得到的一个新值,这个新值只会根据已知值的变化而变化,换句话说,这个属性依赖其他属性,由其他属性计算而来的。举个栗子姓名:{{fullName}}data:{firstName:'David',lastName:'Beckham'},computed:{fullName:function(){//方法的返回值作为属性值return

javascript - 为什么浏览器在 style.height 上返回空字符串?如何获取元素的实际高度?

简单的一行html:sometext警报给出:但它应该像10px或诸如此类。 最佳答案 当您使用this.style.height时,必须首先在元素上指定高度,如下所示:sometext否则,您可能应该使用offsetHeight或clientHeight:sometext 关于javascript-为什么浏览器在style.height上返回空字符串?如何获取元素的实际高度?,我们在StackOverflow上找到一个类似的问题: https://stack