element-puls使⽤⼼得
element-plus使⽤⼼得：
1.使⽤插件unplugin-vue-components来⾃动按需导⼊组件很⽅便，但message等组件使⽤时需另外导⼊。
可通过
// main.js 中
import{ ElMessage }from'element-plus'
const app=createApp({})
的⽅式挂载到全局 property，然后通过：
// component.vue 中
import { getCurrentInstance, ref } from "vue";
const { proxy } = getCurrentInstance();
proxy.$message
的⽅式调⽤。相较于官⽅⽂档，在组件中import，然后直接调⽤ElMessage ⿇烦⼀点，但axios，vue-router等这些也都需要全局挂载，然后在组件中通过proxy调⽤，所以还是⼀次性全局挂载所有东西⽅便⼀些。
2.element-plus icon图标的导⼊。
将全部icon全局注册后再使⽤更⽅便，如下：
import * as ElIconModules from "@element-plus/icons";    // 统⼀导⼊el-icon图标
// 利⽤for/in循环统⼀注册el-icon图标
for (let iconName in ElIconModules) {
appponent(iconName, ElIconModules[iconName]);  //ps：对象可通过obj[key]的⽅式取值
}
icon图标库3.element-plus tree组件的踩坑
tree组件中根据⾓⾊id打开权限列表，data属性和default-checked-keys属性需要每次打开都重新请求，如果data在声明周期函数中只进⾏⼀次请求获取，那default-checked-keys只会在第⼀个打开的⾓⾊的权限列表中⽣效，后⾯打开的⾓⾊权列表均与第⼀次打开的相同。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。