小白学Vue前端开发总结（一）

1.如果在el-form表单中使用数据发现无法更改elementplus组件，尝试使用deep，譬如说如果发现在使用el-cascader时多选导致高度变化，可以尝试修改高度并且配合底色透明达到高度不变。

:deep(.el-cascader__tags .el-tag) {
  height: 10px !important;
  background-color: #ffffff00;
}

2.在keepAlive组件中如果需要某个界面保活，必须要让名字匹配，在vue3中的routerView中

<router-view v-slot="{ Component, route }">
      <transition name="router-fade" mode="out-in">
        <keep-alive :include="tagsViewStore.cachedViews">
          <component :is="Component" :key="route.fullPath" />
        </keep-alive>
      </transition>
    </router-view>

往往通过include添加，但是这样还不行，需要匹配到对应的名字、

defineOptions({
  name: 'XXX',
})