vue3 + vite + vant tabbar引入图片问题

最新推荐文章于 2024-06-13 16:15:02 发布

什么都不会的全栈工程师

最新推荐文章于 2024-06-13 16:15:02 发布

阅读量1.3k

点赞数 3

文章标签： vue.js ts

本文链接：https://blog.csdn.net/m0_59394063/article/details/124338177

版权

<Tabbar v-model="active">
      <TabbarItem>
           <span>自定义</span>
           <template #icon="props">
               <img :src="props.active ? icon.active : icon.inactive" />
           </template>
      </TabbarItem>
</Tabbar>

<script setup>
import { ref, reactive } from 'vue';

const active = ref(0)

const icon = reactive({
    active: getAssetsImage('图片1.png'),
    inactive: getAssetsImage('图片2.png'),
})

function getAssetsImage(name: string) {
  return new URL(`/src/assets/tabbar/${name}`, import.meta.url).href
}


</script>