鼠标悬停时Vue动态图像更改不起作用

Question

在我的Vue应用中，我的这张图片工作正常：

#REF error

但是当我尝试像这样以二维方式传递值时：

<img src="@/assets/images/icon-filter-up.png">

和<img :src="imgLink"> 下的imgLink如下：

data()

找不到图像，为什么会这样？我认为它与使用imgLink: "@/assets/images/icon-filter-up.png" 符号有关，但是即使将其更改为所需的@数量仍然无效

Answer 1

您应该尝试使用 <p align="center"><img src="/someimage.jpg" height="300" width="600"> <b>text under it</b></p>函数来获取资产的网址：

{
  tskDescr: '',
  proptskDescr: '',
}

Answer 2

您可以导入图像并将其用作组件属性：

<template>
    <img :src="imgLink">
</template>
<script>
    import imgLink from '@/assets/images/icon-filter-up.png';

    export default {
        data: { imgLink }
    };
</script>