Multiavatar生成随机头像

最新推荐文章于 2024-05-13 09:36:59 发布

杜小白的流水账

最新推荐文章于 2024-05-13 09:36:59 发布

阅读量1.4k

点赞数

分类专栏： vue js 文章标签： vue.js javascript html

本文链接：https://blog.csdn.net/m0_60787880/article/details/122697666

版权

一、基本使用

<div class="centered">
  <div id="abc"></div>
</div>

//引入multiavatar.js文件
<script type="text/javascript" src="multiavatar.js"></script>
<script>
    document.getElementById('abc').innerHTML = multiavatar('张三');
</script>

二、在Vue项目中使用

安装：npm i @multiavatar/multiavatar -S

使用：

<template>
    <div class="avtart">
      <div v-html="avatar" class="avtart-block"></div>
    </div>
</template>
 
<script>
    //引入multiavatar.js文件
    import multiavatar from '@multiavatar/multiavatar'
    export default {
      data() {
        return {
          avatar: '',
        }
      },
      mounted(){
        this.avatar =