Vue.js - 如何修复绑定 `:=` 语法错误？

Question

在我的

Vue.js

项目（最新版本）中，这会出现错误：

<script setup>
let imageInfo = {
    src: "https:/myImg.jpg",
    alt: "my img",
    width: 400
};
</script>

<template>
    <img :="imageInfo">
</template>

它不喜欢

:=

语法。错误消息是：

'imageInfo' is assigned a value but never used  no-unused-vars

.

我已在

.eslintrc.js

中禁用了此错误：

"no-unused-vars": "off"

但这没有帮助。

如果我在

imageInfo

中使用

<script>

，就像这样

console.log(imageInfo)

那么错误就会消失。

请帮助我。

Answer 1

您的语法无效，请使用

v-bind

:

<script setup>
let imageInfo = {
    src: "https:/myImg.jpg",
    alt: "my img",
    width: 400
};
</script>

<template>
    <img v-bind="imageInfo">
</template>