猿问
下载APP

如何解决内部属性中的插值已被删除。使用v-bind还是结肠速记?

如何解决内部属性中的插值已被删除。使用v-bind还是结肠速记?

我的vue组件是这样的:

<template>
    <div>
        <div class="panel-group" v-for="item in list">
            ...
            <div class="panel-body">
                <a role="button" data-toggle="collapse" href="#purchase-{{ item.id }}" class="pull-right" aria-expanded="false" aria-controls="collapseOne">
                    Show
                </a>
            </div>
            <div id="purchase-{{ item.id }}" class="table-responsive panel-collapse collapse" role="tabpanel">
            ...
            </div>
        </div>
    </div></template><script>
    export default {
        ...
        computed: {
            list: function() {
                return this.$store.state.transaction.list
            },
            ...
        }
    }</script>

执行时,会出现如下错误:

Vue模板语法错误:

id =“purchase - {{item.id}}”:已移除内部属性内插。改为使用v-bind或冒号。

我该如何解决?


12345678_0001
浏览 112回答 3
3回答

HUWWW

在里面使用javascript代码v-bind(或快捷方式“:”)::href="'#purchase-'&nbsp;+&nbsp;item.id"和:id="'purchase-'&nbsp;+&nbsp;item.id"或者如果使用ES6 +::id="`purchase-${item.id}`"

蝴蝶刀刀

如果您从src / assets文件夹中提取图像,则需要在对象中包含require('assets / path / image.jpeg'),就像我在下面所做的那样。工作范例:people:&nbsp;[ &nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;name:&nbsp;"Name", &nbsp;&nbsp;&nbsp;&nbsp;description:&nbsp;"Your&nbsp;Description.", &nbsp;&nbsp;&nbsp;&nbsp;closeup:&nbsp;require("../assets/something/absolute-black/image.jpeg"), &nbsp;&nbsp;},不在你的元素中。

MYYA

使用v-bind或快捷语法':'绑定属性。例:<input&nbsp;v-bind:placeholder="title"><input&nbsp;:placeholder="title">
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答