![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
框架及插件
1
vvvvv_2
这个作者很懒,什么都没留下…
展开
-
(demo)点击删除数组
实现点击删除技能 <el-col :md="12" v-for="(item,i) in model.skills" :key="i"> <el-form-item label="名称"> <el-input v-model="item.name"></el-input> </el-form-item> <原创 2020-08-26 18:34:51 · 166 阅读 · 0 评论 -
(demo)element-ui上传图片
使用element-ui的upload进行图片上传 <el-form-item label="图标"> <el-upload class="avatar-uploader" :action="$http.defaults.baseURL + '/upload'" :show-file-list="false" :on-success="afterUpload"> <img v-if="model.icon" :src="model.i.原创 2020-08-25 00:31:14 · 273 阅读 · 0 评论 -
(elment-ui)Container、form
container布局容器<el-container>:外层容器。当子元素中包含 <el-header> 或 <el-footer> 时,全部子元素会垂直上下排列,否则会水平左右排列。<el-header>:顶栏容器。<el-aside>:侧边栏容器。<el-main>:主要区域容器。<el-footer>:底栏容器。el-menu添加router属性 就可在el-menu里添加路径注意是根路径原创 2020-08-03 20:18:16 · 259 阅读 · 0 评论 -
(vuex)mutations
Vuex的store状态的更新唯一方式:提交Mutationmutations主要包括:字符串的事件类型(type)一个回调函数,该回调函数的第一个参数就是state在通过mutation更新数据的时候,有可能希望携带一些额外的参数,参数被称为是mutation的payload但是如果参数不是一个的话。通常让payload以对象的形式传递vue<template> <div id="app"> <h2>{{$store.state.cou原创 2020-08-01 15:05:49 · 142 阅读 · 0 评论 -
(vant)使用精灵图和grid组件实现列表
vue<template> <div> <van-grid class="navicon mt-3" :column-num="4"> <van-grid-item v-for="(item,index) in naviconList" :key="index"> <i class="sprite" :class="item.activeClass"></i> <div c原创 2020-07-26 17:33:45 · 1860 阅读 · 3 评论 -
(axios)axios总结
最简单的axios用法main.jsimport axios from 'axios'axios({ url:'http://xxxx'}).then(res => { console.log(res);})axios发送并发请求使用axios.all()可以放个多个请求的数组axios.all([])返回的结果是一个数组,使用axios.spread()可以将数组展开axios.all([axios({ url:'xxx'}),axios({ url:'原创 2020-07-24 19:36:13 · 188 阅读 · 0 评论 -
(glidejs)glidejs的使用
官网https://glidejs.com/docs/setup/githubhttps://github.com/glidejs/glide在html中使用下载压缩包 引入css文件: <link rel="stylesheet" href="libs/glide/glide.core.min.css"> <link rel="stylesheet" href="libs/glide/glide.theme.min.css"&原创 2020-07-20 21:15:36 · 959 阅读 · 1 评论 -
(vue-awesome-swiper)使用vue-awesome-swiper报错找不到依赖的css
今天使用vue-awesome-swiper的时候报错:搞了很久 发现错得很让人吐血~!…我安装的版本: "dependencies": { "core-js": "^3.6.5", "swiper": "^6.0.4", "vue": "^2.6.11", "vue-awesome-swiper": "^4.1.1", "vue-router": "^3.2.0" },官方说明了安装6.0版本的话需要引入另外一个css// If you use原创 2020-07-19 18:16:32 · 2612 阅读 · 12 评论 -
(vant)使用vant轮播图无法使用本地图片
使用vant框架的轮播图组件时,直接引用本地图片会无法显示。解决办法是在数据外加上requireeg:<template> <div> <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> <van-swipe-item v-for="item in img" :key="item"> <van-image :src="i.原创 2020-07-26 15:32:32 · 2315 阅读 · 4 评论