Vue
pin-csdn
keep moving
展开
-
vue + axios实现文件下载
1、导出excel数据button定义 <div style="text-align:left"> <el-button type="primary" v-on:click="exportExcelData()">数据导出</el-button> </div>下载的methods中的方法:有2种方式:exportExcelData(){ // 导出excel数据表 /** 第一种方法 */原创 2020-07-14 23:57:37 · 3088 阅读 · 0 评论 -
vue + elementui 表单居中对齐,验证码倒计时
1、表单居中对齐: <fieldset> <legend >个人信息</legend> <!-- 姓名 --> <el-form-item label="姓名:" prop="apply_person_name" size = 'small' > <el-input v-model="form.apply_person_name" placeholder="请输入原创 2020-07-14 23:44:06 · 7576 阅读 · 0 评论 -
vue + elementui + axios表单数据和文件上传
实现的功能:1、表单数据提交,2、表单中携带文件附件。3、附件上传过程中进度提示。前端使用:vue + elementui + axios后端使用:springboot介绍之前,先学习2个小技巧设置1、全局loading弹框定义使用创建一个loading.js文件: import {Loading} from 'element-ui' const loading = function(text) { return Loading.service({ lock: true,原创 2020-07-14 00:55:34 · 7514 阅读 · 0 评论 -
vue + elementui 使用
通过一个用户注册页面来介绍1、先下载下element-ui使用命令【cnpm install element-ui】页面中需要使用md5加密,所以一起把md5的js也下载下来【cnpm install js-md5】2、下载好了,在main.js中导入下就可以开始使用了// 导入element-ui组件import ElementUI from 'element-ui'import "element-ui/lib/theme-chalk/index.css"import md5 from原创 2020-07-14 00:20:33 · 335 阅读 · 0 评论 -
vue基本语法学习-4_自定义指令、钩子函数
1、全局自定义指令。我们定义一个自己的指令 【v-focus】获取控件的焦点。在main.js中加入// 注册一个全局自定义指令 【v-focus】Vue.directive('focus', { // 当绑定元素插入到 DOM 中。 inserted: function (el) { // 聚焦元素 el.focus() }})在TestMyComponents.vue中使用 <table> <tr>原创 2020-07-09 01:04:45 · 607 阅读 · 0 评论 -
vue基本语法学习-3
先插入2个页面配置的小功能使用1、设置页面的titlea.在router—index.js中配置路由,加上meta标签,例如:{ path: '/test_components', component: TestMyComponents, meta:{ title:"测试自定义组件,指令页面" }}b.在main.js中配置/*路由发生变化修改页面title */router.beforeEach((to, from, next) => {原创 2020-07-08 23:59:51 · 897 阅读 · 0 评论 -
vue基本语法学习-2
9、watch监听属性可以监听某个值,或对象的变化,从而回调我们定义的函数这个代码只是点击button修改了count的值,并未实现函数回调功能 <table> <!-- 测试watch监听属性 --> <tr> <td> <button v-on:click="watch_counter()">测试监听属性【watch】</button> <原创 2020-07-08 00:15:20 · 337 阅读 · 0 评论 -
vue基本语法学习-1
1、v-htmlv-html :以html的格式输出 <table> <!-- 表格行 --> <!-- 使用了2种标签v-html 和v-if --> <!-- v-html :以html的格式输出 --> <!-- v-if :通过获取data里面的属性决定元素是否显示 --> <tr> <td> <butto原创 2020-07-07 23:41:35 · 213 阅读 · 0 评论 -
vue打包部署axios跨域问题
工具版本:【vue -V】:2.9.6ide工具:VSCode / Idea前提:我们前端vue工程需要单独部署一、本地使用命令运行跨域问题。外网访问的地址:https://www.runoob.com/try/ajax/json_demo.json本地springboot接口访问的地址:http://192.168.3.12:8081/register/getSmsCode/1234567891、axios访问的代码: created(){ const _this = this原创 2020-07-06 23:07:29 · 3242 阅读 · 0 评论