![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 79
qq_36716000
这个作者很懒,什么都没留下…
展开
-
vue中使用async、await和promise实现异步API的同步调用
<template> <div> <div @click="validate">校验</div> </div></template><script>export default { data() { return {} }, methods: { // 同步校验 async validate() { try { const result原创 2020-12-08 16:56:48 · 1008 阅读 · 0 评论 -
element ui 表单校验的多种姿势
<template> <div> <el-form ref="form" :model="form" :rules="rules" label-width="100px" > <el-form-item prop="userName" label...原创 2019-12-09 14:30:29 · 233 阅读 · 0 评论 -
vue项目导出excel实现
1、springboot后端注:后端导出excel使用的是easypoi插件实现1、实体类package com.springbootapi.entity;import cn.afterturn.easypoi.excel.annotation.Excel;public class EasyPoiExport { @Excel(name = "名字", width = 30...原创 2019-11-27 10:36:10 · 345 阅读 · 0 评论 -
vue中引入外部css样式文件和js脚本文件
<template> <div> </div></template><script>export default { name: 'temp', mounted() { // 外部js文件引入方法 const tempJs = document.createElement('script'); ...原创 2019-11-26 16:18:09 · 849 阅读 · 0 评论 -
vue+elementUI的Tooltip组件显隐可控
1、使用自定义组件ExTooltip<template> <div class='wrapper'> <div> <ExTooltip :value="overflowData" :contentClass="['content']" ></ExTooltip> ...原创 2019-11-26 14:59:35 · 1530 阅读 · 0 评论 -
vue+element ui 图片上传
代码实现:先在本地上传预览,点击保存按钮后将图片文件上传至后台服务器<template> <div> <el-upload action="/upload" :on-change="uploadFile" :before-remove="removeFile" accept=".jpg,.jpeg,.png...原创 2019-11-21 11:56:47 · 359 阅读 · 0 评论 -
vue实现公告栏文字上下滚动效果
<template> <div> <h2>公告栏文字停顿滚动</h2> <div class="textBox"> <transition name="slide"> <p class="text" :key="text.id" ...原创 2019-11-20 09:32:58 · 2073 阅读 · 1 评论