Vue2:用基于正则表达式的编译组件替换插槽内容?

时间:2019-04-17 07:33:26

标签: javascript vue.js vuejs2 vue-component

我有一个组件Intent intent = new Intent(Intent.ACTION_DIAL); intent.setData(Uri.parse("tel:0123456789")); startActivity(intent); ,它增加了一些额外的功能。

我想定义一个包装器组件Tooltip,该组件具有默认的ApplyTooltips,并用slot替换[[<any text here>]]的所有实例(例如,与Markdown解析器非常相似)

我的方法是基于这个小提琴:https://jsfiddle.net/Herteby/pL13vda2/

模板

<Tooltip text="<any text here>"/>

脚本

<template>
  <div>
    <div class="tooltip-wrapper">
      <slot>
      </slot>
      <template v-for="node, n in parsed">
       <a v-if="n % 2">{{node}}</a>
       <template v-else>{{node}}</template>
     </template>
    </div>
  </div>
</template>

0 个答案:

没有答案