上一页 1 ··· 26 27 28 29 30 31 32 33 34 ··· 44 下一页

2020年7月22日

vue系列---【vue项目如何使用element-ui的弹框提示?】

摘要: 需求:vue项目如何使用element-ui的弹框提示? 1.现在element.js中引入Message,并全局注册到Vue对象中;使用方法为:this.$message import Vue from 'vue' import { Button, Form, FormItem, Input, M 阅读全文

posted @ 2020-07-22 01:51 少年攻城狮 阅读(3076) 评论(0) 推荐(0)

vue系列---【vue项目中element-ui如何实现在登陆之前进行预校验?校验通过才允许调后台接口】

摘要: 需求:点击登陆,先校验,校验通过再调后台接口1.给登陆按钮绑定点击事件:@click="login";2.实现login函数,并调用validate方法,返回值为true,则说明验证通过,再去调后台登陆接口。代码如下: <template> <div class="login-container"> 阅读全文

posted @ 2020-07-22 01:27 少年攻城狮 阅读(827) 评论(0) 推荐(0)

vue系列---【vue项目中element-ui如何实现点击重置按钮,重置表单数据?】

摘要: 需求:点击重置按钮,重置登陆表单 1.在表单中引入ref="loginFormRef"属性,loginFormRef值可以自定义; 2.给重置按钮绑定点击事件:@click="resetLoginForm"; 3.实现点击事件触发的方法,得到引入的属性值对象,调用resetFields方法,即:th 阅读全文

posted @ 2020-07-22 01:13 少年攻城狮 阅读(6617) 评论(0) 推荐(0)

vue系列---【element-ui如何给表单添加参数验证?】

摘要: 需求:element-ui如何给表单添加参数验证?1.在需要校验的表单上绑定校验规则::rules="loginFormRules";2.在data中定义loginFormRules规则对象:loginFormRules:{username: [{ required: true, message: 阅读全文

posted @ 2020-07-22 00:54 少年攻城狮 阅读(1203) 评论(0) 推荐(0)

2020年7月21日

vue系列---【vue项目如何使用less语法?】

摘要: vue-cli工具帮我们创建的vue项目,默认没有安装less-loader,所以项目运行时会提示:can't resolve ’less-loader‘。 想要使用下面的less语法,就必须先安装less-loader的开发依赖 <style lang="less" scoped> .login- 阅读全文

posted @ 2020-07-21 22:46 少年攻城狮 阅读(1137) 评论(0) 推荐(0)

vue系列---【vue项目如何利用图形化界面安装axios依赖?】

摘要: 这个步骤同安装插件的步骤。 1.参考前一篇文章,创建vue项目,并安装element-ui插件; 2.找到依赖,点击安装依赖; 3.搜索axios,安装依赖; 4.至此,axios已安装成功。 阅读全文

posted @ 2020-07-21 00:38 少年攻城狮 阅读(1385) 评论(0) 推荐(0)

vue系列---【vue项目如何使用图形化界面自动安装element-ui,实现按需导入?】

摘要: 1.运行vue ui 命令,打开图形化界面;参照:https://www.cnblogs.com/hujunwei/p/13351314.html创建一个vue项目。 2.点击插件,添加插件; 3.搜索vue-cli-plugin-element并安装; 4.配置插件,实现按需导入,从而减少打包后项 阅读全文

posted @ 2020-07-21 00:11 少年攻城狮 阅读(1407) 评论(0) 推荐(0)

2020年7月20日

vue系列---【vue项目如何使用element-ui?】

摘要: 1.安装依赖包; npm i element-ui -S 2.在vue项目中的main.js文件中,拷进去如下代码;(注意:注释中,//与文字之间要有一个空格) // 导入组件库 import ElementUI from 'element-ui'// 导入组件相关样式 import 'elemen 阅读全文

posted @ 2020-07-20 23:38 少年攻城狮 阅读(1200) 评论(0) 推荐(0)

vue系列---【如何使用vue ui图形化界面创建一个vue项目?(注意:适用于Vue3.0.x版本)】

摘要: 1.打开命令窗口,执行命令:vue ui,执行完之后,自动跳到下面的界面; 2.点击创建,选个目录(即项目保存路径),点击在此创建新项目; 3.填写项目名称,git填写提交的初始信息,下一步; 4.选择默认和手动都行,这里我选手动,下一步; 5.如图选中四项常用的,使用配置文件的目的是为了不让所有的 阅读全文

posted @ 2020-07-20 23:12 少年攻城狮 阅读(2796) 评论(0) 推荐(0)

vue系列---【如何安装vue脚手架?】

摘要: 1.先安装node.js,下载地址:https://nodejs.org/en/ 2.下载好后,一路下一步就行,安装完成后,打开命令窗口,输入:node -v,若显示版本号,则安装成功。 3.安装脚手架 #从国外安装vue-cli npm install -g vue-cli #从淘宝镜像源安装cn 阅读全文

posted @ 2020-07-20 22:24 少年攻城狮 阅读(2254) 评论(1) 推荐(1)

上一页 1 ··· 26 27 28 29 30 31 32 33 34 ··· 44 下一页

导航