Iconify for Vue 2 函数：replaceIDs

本教程属于 Iconify for Vue 2 函数教程 的一部分。

函数 replaceIDs() 会查找 SVG 中的 ID，并将其替换为唯一的随机 ID。

当您使用 getIcon() 提供的数据自行生成 <svg> 元素时，应使用此函数。

用法

该函数具有以下参数：

• data，string。图标内容。
• prefix，string|function。生成 ID 的可选前缀。它可以是 string 或返回 string 的回调函数。

该函数返回 string，其中包含已替换 ID 的图标数据。

示例

这是一个相当无用的例子。在实际代码中，该函数用于在 Icon Finder 中生成 SVG 代码示例，而实际情况远比本例复杂。

jsimport { replaceIDs, getIcon } from '@iconify/vue2';

// Get icon data
const data = getIcon('carbon:deploy');

// Get content
const body = replaceIDs(data.body);

console.log('Icon content:', body);