如下所示，是vue+ElementUI写的一个登录页面：Login.vue部分<template><el-form :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left" labe

这里主要介绍Element组件中的Form表单，它是由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。典型表单：在 Form 组件中，每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker。行内表单：设置inline属...

1、模拟后台返回的菜单JSON数据如下data.json文件{"data": {"router": [{"path": "","name": "Home","component": "Layout","r...

1、vue页面中根据是否全屏判断当前显示icon图标，isFull为true时表示全屏，默认值为false，并绑定click事件<div class="screen-icon-box"><i :class="isFull?'el-icon-crop':'el-icon-full-screen'" @click="fullScreenEven...

npm install --save font-awesome   之后在main.js中这样引入import 'font-awesome/css/font-awesome.css'报错如下图 This dependency was not found:* font-awesome in ./src/main.jsTo install it, you can run...

npm install时报错如下图所示：D:\Vue\demo>npm installnpm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.npm WARN deprecated

更新数组时，如果直接通过下标修改数组属性的话，vue页面不会更新。通过以下几个方法更新数组push()、pop()、shift()、unshift()、splice()、sort()时，vue才能检测到数组更新。如果想直接通过下标修改数组的话，可使用vm-set 方法来通知vue更新了这个数组。语法为：vm.$set( target, key, value );数组修改：Vue.se...

如下所示，是vue+ElementUI写的一个登录页面：Login.vue部分<template><el-form :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left" labe

在methods里的collapse 函数里增加监测左边导航栏offsetWidth值为0则修改，如下所示：//折叠导航栏collapse:function(){this.collapsed=!this.collapsed;var menuWidth = document.getElementById('menuClass');if(menuWidth.o...

1、html5有哪些新特性？移除了那些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分 HTML 和 HTML5？答：新特性：（1）拖拽释放(Drag and drop) API（2）语义化更好的内容标签（header,nav,footer,aside,article,section）（3）音频、视频API(audio,video)（4） 画布(Canvas) API...