![](https://img-blog.csdnimg.cn/de231204ca4a4df69d38c956b51d9191.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
xue实践
小小婷几
这个作者很懒,什么都没留下…
展开
-
element input+table实现一个双向绑定分页筛选组件
element 双向绑定分页筛选原创 2022-03-15 14:18:27 · 790 阅读 · 0 评论 -
element el-select组件双向绑定封装与使用
element el-select双向绑定封装原创 2022-03-09 14:40:31 · 1316 阅读 · 0 评论 -
vue 下载/导出/保存二进制流文件 以及解决导出失败问题
二进制文件、responseType、blob原创 2022-03-09 14:06:17 · 873 阅读 · 0 评论 -
element upload上传组件携带参数传参(二)
element upload自定义上传原创 2022-02-24 15:38:58 · 4097 阅读 · 1 评论 -
element upload上传组件携带参数传参(一)
element upload上传踩坑原创 2022-02-24 15:34:03 · 12974 阅读 · 0 评论 -
使用element-ui table封装一个表格
element-ui table表格封装原创 2022-02-16 11:44:14 · 562 阅读 · 0 评论 -
苹果手机使用百度地图定位失败的问题
先考虑是不是在jdk前加上https再不行 检查代码是否做了异步捕获原创 2021-12-30 15:10:33 · 1718 阅读 · 0 评论 -
Vue中使用防抖函数
util.jsutils.debounce = function(fn, delay = 300) { let timeout = null return function(e) { clearTimeout(timeout) timeout = setTimeout(() => { fn.apply(this, arguments) console.log('success') }, delay) }}index.vuem.原创 2021-12-30 15:08:11 · 413 阅读 · 0 评论 -
自己写一个vant省市区联动通用组件
不知道大家有没有遇见过自己后台返回的接口的省市区的code编码有可能不只6位数,而vant的area组件只能使用6位数的编码,导致我们有些省市区无法选中的问题,之前也找了很久原因,于是乎准备自己重新写一个通用组件。代码如下:<template><div> <div v-if="pickerLoading" class="loading-box"> <van-loading type="spinner" color="#969799" cl原创 2021-12-06 18:30:29 · 505 阅读 · 0 评论 -
element-ui之form表单动态验证
这里的的el-col标签可以用el-form-item 也可以用el-col, 我这里是为了美观才用的el-col<el-form ref="ruleForm" :model="formData" :rules="formRules" label-width="70px" :inline="true"> <el-col v-for="(domain, index) in formData.schemeList" v-show="formD..原创 2021-01-19 14:27:23 · 1466 阅读 · 0 评论 -
el-tab切换echarts图表尺寸显示异常问题
<el-tabs class="com-tabs" :class="{'toggle-tabs':!showCharts}" v-model="chartIndex" @tab-click="changeChart(chartIndex)"> <el-tab-pane v-for="(chartName, i) in [...chartNames[ORG.orgLvl-1]]" :lab.原创 2020-08-28 10:08:46 · 731 阅读 · 3 评论 -
3分钟vue-router速览
路由基础本篇demo源码,点击这里。如果本文对您有用的话,请不吝赐赞呀???? 源码目录结构│ App.vue│ main.js│ router.js│ ├─assets│ logo.png│ ├─components│ Cart.vue│ └─views Cart.vue Hello.vue Home.vue Lesson.vue Login.vue原创 2020-07-24 17:59:00 · 137 阅读 · 0 评论 -
vue如何实现一个懒加载的树状表格
实现一个树状表格,需要用到vxe-table这个库,虽然element-ui也能实现,但这个库是专门针对表格做了更多的拓展,功能更多一些。接下来,说一下使用方式。安装npm install xe-utils vxe-table// 入口文件引入,一般是main.jsimport Vue from 'vue'import 'xe-utils'import VXETable from 'vxe-table'import 'vxe-table/lib/index.css'Vue.use(VX原创 2020-07-14 17:50:06 · 2775 阅读 · 10 评论 -
如何正确使用element-ui中tree组件
话不多说,直接上干货。原创禁止转载~ 谢谢模板部分<template> <el-tree v-loading="loading" class="filter-tree" :data="treeData" :props="lazyProps" :load="loadNode" @node-click="handleClick" ref="tree" la原创 2020-07-14 17:06:04 · 2926 阅读 · 0 评论 -
Mac报错 sh: vuepress: command not found
凡是报错 bash: vue:command not found, sh: vuepress: command not found...等等类似的报错命令,基本都是因为clone下来的项目没有sudo权限全局安装只需在项目存放的目录重新sudo npm..的命令即可,如sudo npm install -g vuesudo npm install -g vuep...原创 2020-01-28 19:31:56 · 3949 阅读 · 0 评论 -
怎样用electron把vue项目打包为桌面应用exe文件
如果按本文操作遇到一些问题报错,如C:\Users\milyyy\AppData\Roaming\npm-cache\_logs\2018-11-27T07_36_17_406Z-debug.log等等,解决办法可以参见我的另一篇文章:electron打包VUE项目中遇见的报错解决本篇文章源码请移步我的GitHub地址:简易使用electron打包vue踩过了无数的坑,碰到了很多问题。终...原创 2018-11-27 12:22:36 · 20736 阅读 · 50 评论 -
用electron打包vue项目中的报错解决:
如何用electron打包vue项目,请参见我的另一篇文章:怎样用electron打包vue项目为桌面应用文件exe这里,也要提到实际项目中的问题,可能有同志的目录结构和内容有些许差别,就我刚刚遇到的问题来说,常见的问题的有几个问题,以及解决办法如下:1. 首先,一定要cd到项目的根目录(我这里是app)里面才能运行项目,再重新npm run build,不然的话很有可能出现 “ 系统找...原创 2018-11-27 16:33:26 · 10710 阅读 · 4 评论 -
vue兄弟组件之间跳转指定tab标签页
兄弟组件之间如何跳转指定tab标签页:场景:index跳转至list的第三个标签栏并刷新列表// indexmethods: { ... go(){ this.$router.push({ name: 'list', //要跳转的路由name query: { myTab: 2 ...原创 2019-05-15 17:32:58 · 1859 阅读 · 0 评论 -
vue日志之select选中默认值
原创。在写这个问题之前也查阅了网上很多种答案,下面我来说一下几种不可行的方式以及可行的方式。干货来了。先贴一下view和model <div class="item"> <p class="top"> <span>推广物:</span> <select v-mod...原创 2019-05-30 13:28:18 · 1610 阅读 · 0 评论 -
vue项目使用mint-ui日期选择框时报错
原创!TypeError: Cannot read property 'split' ofundefined<mt-datetime-picker ref="timePick" v-model="putTimeEnd" type="time" @confirm="confirm"></mt-datetime-picker>原因:这里使用了mint-ui的...原创 2019-05-29 13:10:54 · 562 阅读 · 0 评论 -
如何搭建vue-cli脚手架
搭建vue的开发环境:1、必须要安装nodejs,附上:nodejs安装教程 2、搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具npm install -g cnpm --registry=https://registry.npm.taobao.org //淘宝源,速度更快npm install --global vue-cli / cnpm install...原创 2018-11-26 14:23:32 · 156 阅读 · 0 评论