javascript - 如何在 Pug 的脚本标记内的代码块中包含变量

Question

我有这个 Pug 混合：

mixin myMixin(options)
    - if (!options) options = {}
    script.
        var myObject = {
            "page": {
                "id": "",
                "title": document.title,
                "url": location.href,
                "breadcrumb": options.breadcrumb ? options.breadcrumb : [],
                "timestamp": new Date()
            }
        }

这就是它编译的内容：

<script>
    var myObject = {
        "page": {
            "id": "",
            "title": document.title,
            "url": location.href,
            "breadcrumb": options.breadcrumb ? options.breadcrumb : [],
            "timestamp": new Date()
        }
    }
</script>

我不确定如何使 Pug 编译的 'option.breadcrumb' 变量工作。我正在寻找具有 options.breadcrumb 属性值或空数组的编译代码。

任何帮助是极大的赞赏！

标签： javascriptpug

Answer 1

你必须使用插值

<script>
    var breadcrumb = '!{options.breadcrumb}';

    var myObject = {
        "page": {
            "id": "",
            "title": document.title,
            "url": location.href,
            "breadcrumb": breadcrumb ? breadcrumb : [],
            "timestamp": new Date()
        }
    }
</script>