0

我正在使用 panini 进行前端开发并动态生成 html。

所以我想知道我们是否能够将辅助函数传递给部分以生成每个部分的唯一 ID?

在我的助手中,我有这个功能

UniqueID.js

function guid() {
  function s4() {
    return Math.floor((1 + Math.random()) * 0x10000)
      .toString(16)
      .substring(1);
  }
  return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
}

// Example file src/helpers/bold.js
module.exports = function(options) {
    var uuid = guid();
    return uuid;
}

用于生成不同的唯一 ID

在 pages 文件夹中,我希望将辅助函数传递给 partials

{{> component id={{UniqueID}} }}

这样在页面级别我可以为每个组件调用具有不同的唯一 id,但在部分级别将共享相同的 id 值。

<style>

    .component-{{id}} {
        styling here
    }
</style>

<div class="component-{{id}}">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit quidem accusantium cumque. Soluta eligendi possimus voluptas dolores, porro ullam facilis atque consectetur eius iste, repellendus ex esse hic ipsum ducimus.
</div> 

但是帕尼尼向我显示了这个错误期望'OPEN_SEXPR','ID','STRING','NUMBER','BOOLEAN','UNDEFINED','NULL','DATA',得到'OPEN'等。

这是车把的一些限制还是我认为错误的方式?

4

0 回答 0