vue3给标签元素动态改样式

原创于 2024-12-05 15:39:36 发布 · 160 阅读

·

1

·

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端 #javascript

vue3 专栏收录该内容

7 篇文章

订阅专栏

<template>
 <img
   width="162"
   height="242"
   src="http://123.png"
   ref="styledElements"
 />
 </template>
<script setup>
import { ref, onMounted, onUnmounted, reactive, watch } from "vue";
const styledElements = ref([]);

// 修改样式
styledElements.value.style.width = "300px";
styledElements.value.style.opacity = 0.4;
styledElements.value.style.transform = `rotate(0% 360deg) translate(50%, 50%)`;



</script>