![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 51
前端相关
xl拾一
这个作者很懒,什么都没留下…
展开
-
uniapp 获取地理位置(uni#getLocation和高德sdk获取中文地址)
【代码】uniapp 获取地理位置(uni#getLocation和高德sdk获取中文地址)原创 2023-10-11 16:25:59 · 1280 阅读 · 1 评论 -
vue3+vite+pinia+axios+mock+ElementPlus:登录,动态路由,存储,网络(mock) js非ts纯前端
vue3+vite+pinia+axios+mock+ElementPlus js非ts 动态路由 含完整代码原创 2023-09-25 09:47:09 · 243 阅读 · 0 评论 -
css01:顶部导航栏,左右分离布局
css,顶部导航栏,左右布局,激活 悬浮原创 2023-06-09 15:02:02 · 596 阅读 · 0 评论 -
vue+element ui 递归菜单
vue+element ui 递归菜单思路定义side-bar和side-bar-item两个component,根据传入的菜单树生成递归菜单side-barprops: {menus: Array}<template><div id="side-bar"> <el-menu v-if="menus && menus.length > 0" router> <side-bar-item v-for="(me原创 2022-05-10 14:09:33 · 928 阅读 · 1 评论 -
Vue 04 前端查询、表格列表、分页
04 表格增删改查□ 改没实现效果图实现说明element-ui表单:el-form表格:el-table分页:el-paginationmytable.vue<template><div> <el-form :inline="true" :model="add" class="demo-form-inline"> <el-form-item label="id"> <el-in原创 2020-11-29 20:14:08 · 993 阅读 · 0 评论 -
Vue 03 博客首页
031. 依赖1.1 添加element-uinpm install --save element-ui1.2 添加routernpm install vue-router1.3 添加axiosnpm install axios vue-axios1.4 添加markdownnpm install vue-loader vue-template-compiler -D-- 解析npm install --save vue-markdown-- 样式: main.js引入 imp原创 2020-11-28 20:17:05 · 289 阅读 · 1 评论 -
Vue 02 博客列表显示
02 博客列表显示效果图1. 依赖vuevue-routerelement-uiless less-loadernpm install vue-routernpm install less less-loadernpm install --save element-ui2. Vue.use(element)// 添加element-uiimport ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/in原创 2020-11-27 22:01:27 · 373 阅读 · 0 评论 -
Vue 05 简单布局:header + left + content
06 简单布局:header + left + content效果图实现index布局路由left1. 首页布局行划分:header 4列划分:left 3, content 21content: <router-view/>,left里面通过router-link跳转,首页通过router-view接受,页面不变换,仅content部分变更<template> <div> <el-row :span="4">原创 2020-12-05 18:29:29 · 700 阅读 · 0 评论 -
Vue 01 登录和主页面
Vue 01 登录和主页面目录结构添加依赖axiosvue-routervue-axios1. 编写基础组件header<template> <div> 页面头部 </div></template><script> export default { name: "header" }</script><style scoped>原创 2020-11-26 16:01:04 · 1002 阅读 · 0 评论 -
Vuex store
05 store demo1. 依赖npm install --save element-uinpm install vue-routernpm install axios vue-axiosnpm install -D sass-loader node-sassnpm install vuex --save2. main.js初始化需要:router/router.js, store/index.js, 后台接口import ElementUI from 'element-ui';i原创 2020-12-03 21:18:55 · 161 阅读 · 0 评论