3.3前端框架
关注
分享
扫一扫
前端框架
纷纷四季
不觉雨纷纷，转眼四季过...
展开
-
elementUI修改二级菜单修改el-submenu__title样式不生效
一、问题描述elementUI顶部导航二级菜单修改样式不生效如果只有一级菜单修改.el-menu-item样式是可以生效的，这里我把高度改为50px,但查找发现二级菜单用的是.el-submenu__title样式，修改对应.el-menu--horizontal > .el-submenu .el-submenu__title样式后，发现不起作用（可以看到菜单没有对齐）网友分析原因：二级菜单是使用slot添加的，单独给这个slot添加样式，等渲染出来，样式没有了，需要有深选择器。二、解决原创 2021-04-13 11:12:51 · 9924 阅读 · 1 评论 -
vue 动态加载 Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext (index.js:39)
报错：原来写法：export const loadView = (view) => { return () => import(`@/views/${view}`)}修改为：export const loadView = (view) => { return (resolve) => require([`@/views/${view}`], resolve)}原因：webpack 版本问题，webpack4中动态import不支持变量方式...原创 2020-07-08 11:37:26 · 6418 阅读 · 1 评论 -
使ElementUI的Container布局容器布满全屏
问题：引用官网例子，布局只占一半，定义固定像素高度又不好适用不同屏幕大小效果。解决1.app.vue中加一下样式<style> #app { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>2.布局组件中.el-aside样式加上 line-height: 100vh;vh是相对于屏幕的可见高度，视口被均分为100单位的vh原创 2020-06-24 15:41:42 · 12341 阅读 · 5 评论 -
Vue使用axios----ReferenceError: axios is not defined问题解决
问题1：ReferenceError: axios is not defined问题代码：const requrl = '/user/find/1'axios.get(requrl).then(response => { const user = response.data this.username = user.username this.age = user.age}).catch( function (error) { // 请求失败处原创 2020-06-17 10:46:06 · 39607 阅读 · 10 评论 -
Vue-elementUI学习----2.表单校验
一、使用步骤1、在 el-form 上添加 :rules=“rules”，通过rules属性传入约定的验证规则2、给 el-form-item 添加属性 props=“名称”3、在 data 中定义 rules二、测试例子取自于官网用户名为自动校验、其余输入框为自定义校验。<template> <el-form :model="ruleForm" status-...原创 2020-03-12 10:37:48 · 214 阅读 · 0 评论 -
Vue框架学习 ----5.vuex
本文参考自尚硅谷官方提供的vue学习课件，以下为代码练习总结，此处深表感谢。一、vuex介绍对 vue 应用中多个组件的共享状态进行集中式的管理(读/写)。二、2.1.1 组成部分state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应在 view 上的用户输入导致的状态变化。2.1.2 多组件共享状态的问题多个视图依赖于同一状...原创 2020-03-10 15:00:22 · 219 阅读 · 0 评论 -
Vue-elementUI学习----1.环境搭建
一、介绍一套Vue.js 2.0 的桌面端UI框架。二、准备工作node环境；安装全局vue-cli脚手架；初始化一个vue项目；vue init webpack vue-element-demo三、使用步骤目录结构3.1.1 安装 elementUInpm install element-ui -S3.1.2 代码修改1 .eslintignore文件中加入了，忽...原创 2020-03-09 16:36:23 · 282 阅读 · 0 评论 -
Vue框架学习 ----2.vue-cli构建项目，打包，发布
学习原创 2020-03-05 14:22:55 · 255 阅读 · 0 评论 -
Vue框架学习----3.vue-router
一、简单介绍Vue Router 是 Vue.js 官方的路由管理器。，让构建单页面应用变得轻松。二、使用准备工作#安装npm install vue-router --save原创 2020-03-05 14:18:43 · 283 阅读 · 0 评论 -
Vue框架学习 ----4.Ajax
一、常用ajax库介绍1.1 vue-resourcevue早期版本使用，vue2.0之后，就不再对vue-resource更新，而是推荐使用axios。1.2 axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。二、运用准备工作安装#全局安装 axiosnpm install axios -g使用示例：<templ...原创 2020-02-27 16:47:48 · 159 阅读 · 0 评论 -
Vue框架学习 ----组件、插槽
一、概念组件是可复用的 Vue 实例，且带有一个名字，它们与 new Vue 接收相同的选项，例如一个网页可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它的像导航链接、博文之类的组件。二、简单使用1.简单使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-02-27 14:12:49 · 242 阅读 · 0 评论 -
node.js简单记录
一、介绍简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js = 运行环境+ JavaScript库二、NPMnpm是随同NodeJS一起安装的包管理工具本地安装：是指包安装在node_modules目录。本地部署的包都可以通过 require()方法进行访问全局安装：全局范围内已安装的软件包/依赖性都存储在系统目录中。这种依赖关系可以在任何Node.js...原创 2020-01-16 17:50:42 · 169 阅读 · 0 评论