小编sim*_*n04的帖子

我的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或冒号.

我该如何解决？

我是 JSON 架构验证的新手，正在为配置构建自定义架构。我正在构建的架构基于 Typescript 类型。我了解如何验证简单的数据类型，如数组、对象、数字、字符串等。

但是有没有办法指定这样的类型：

type Conf = {
  idle_session_timeout?: number | "none";
  item:
    | {
        kind: "attribute";
        name: string;
      }
    | {
        kind: "relation";
        name: string;
      }
    | {
        kind: "group";
        name: string;
        label?: string | undefined;
        entries: PresentationItem[];
      };
  order_by:
    | string
    | {
        attribute: string;
        direction?: "asc" | "desc" | undefined;
      };
};

我从http://json-schema.org/draft-07/schema注意到它支持 if then else 语句来根据值切换验证模式，但我不知道如何实现它们。