Vue.js 图标选择组件实践详解

2020-06-14 06:00:08易采站长站整理

最后一步是在 main.js 中注册:


import CustomComponents from './components/index.js'
Object.keys(CustomComponents).forEach(key => Vue.use(CustomComponents[key]))

这样就可以在项目中任意

.vue
文件中以
<ui-icons />
方式使用组件了。

后记

点击图标后要不要关闭图标弹出层(Popover)呢?Popover 是需要鼠标点击其他地方才会隐藏的,选择一个图标后就关闭 Popover 呢,我的做法是:

document.body.click()


selectedIcon (name) {
this.form.menu_icon = name
// document.body.click()
}