<!--书写格式 const refimg = ref<HTMLImageElement | null>(null) -->
<script setup lang="ts">
import { ref } from 'vue'
const refimg = ref<HTMLImageElement | null>(null) //它代表的是图片
const clickMe1 = () => {
const img = document.createElement('img')
console.log(img) // 所以要找到图片的继承 HTMLImageElement
if (refimg.value) {
refimg.value.src = ''
}
}
</script>
<template>
<h1>father</h1>
<el-button @click="clickMe1">点击</el-button>
<img style="width: 200px; height: 200px" ref="refimg" src="../assets/logo.svg" alt="" />
</template>
<style scoped></style>
TS:获取html属性使用ts
最新推荐文章于 2024-07-23 15:19:01 发布