Vue3
夜雨Gecer
To be or not to be
展开
-
Vue3 组件拖动
Vue3 组件拖动原创 2022-08-17 15:43:45 · 1335 阅读 · 0 评论 -
Vue3+Scss实现横向树形结构
效果:项目结构:用的Vue-Cli的脚手架,配置使用Vue3+Scss代码:App.vue<template> <div class="container"> <tree-node :node-info='nodeInfo' v-for='(nodeInfo,index) in dataList' :key='index' :expand-status='true' level="0" ...原创 2021-09-15 09:15:01 · 1502 阅读 · 1 评论 -
【vite】vite-vue3下使用使用svg
1.首先先将svg进行整理将多个svg文件整理成如下格式:(ps:需要去掉里面的fill,否则使用类名无法进行着色)每个symbol就是原来的一个svg,用id进行区别,这么整理的目的是减少网络请求。放在如下目录下:2.创建svg引用组件<template> <svg width=100% height="100%" class="svg-symbol"> <use :xlink:href="iconName"/> &..原创 2021-07-27 15:16:44 · 1874 阅读 · 0 评论 -
【Vue】实现二级菜单根据一级菜单切换效果
本文代码使用vue3+ts开发。效果:代码:<template> <nav> <div :class="{ 'menu-item': true, 'activity': index == selectMenuIndex }" v-for="(menuInfo,index) in menuList" :key="index" @click="handelMenuClick(index)" &g.原创 2021-07-19 21:47:58 · 2320 阅读 · 0 评论 -
Vue3初体验01-创建项目
目录背景说明环境说明项目创建引入Element UI背景说明本文是关于Vue3的学习的记录,目的是使用vue3+vite+ts+elementUI搭建一个简单的后台管理系统。环境说明需要提前安装node,本文使用的是v12.22.2项目创建npm init @vitejs/app gecer_bms之后进行如下选择之后cd目录,run一下,项目就跑起来了。引入Element UInpm install element-plus --原创 2021-07-03 10:59:18 · 471 阅读 · 0 评论