欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue中通过行内样式为元素设置Transform属性。

程序员文章站 2022-05-15 18:17:37
...

问题:在项目中我们可能需要动态控制某个元素,想要动态的控制某个元素只能通过使用行内样式来操作。

代码:

 <i class="el-icon-arrow-down" 
 :style="{ transform: `rotateZ(${showarrow})`}">
 </i>
 showarrow() {
      //计算isShow属性值
      return this.ShowSelectList ? "180deg" : "0";
    },