Vue系列
该专栏是对Vue系列的一个总结,Vue本身作为一个框架,本就该是独立的一块,我会将所学到的,了解到的知识写出来分享给大家
素味平生
学习这件事,不在乎有没有人教你,最重要的是在于你自己有没有觉悟和恒心。
展开
-
element 日期选择器禁止选择指定日期前后时间
element 日期选择器原创 2023-10-20 08:57:11 · 372 阅读 · 0 评论 -
vue拼接html点击事件不生效
在ts中拼接html,点击事件不生效或者报is not defined。原创 2023-07-27 11:37:55 · 1137 阅读 · 0 评论 -
this.$emit is not a function
echart柱状图点击事件父子组件传参函数调用错误解决原创 2022-07-25 15:01:24 · 5140 阅读 · 0 评论 -
vue文件下载及重命名
vue文件下载及重命名 支持pdf、doc、docx、excel等格式原创 2022-03-04 15:13:12 · 3507 阅读 · 0 评论 -
Element Cascader 级联选择器清除上次的点击记录
问题:级联选择器点击但未选中时,再次点击触发打开时,还是上次点击的选项需求:再次点击展开时,不展示上次展开点击的记录解决方法: (一定要定义ref) <el-cascader ref="myCascader" size="medium" collapse-tags clearable :props="{ checkStrictly: true }" v-model="regionids" :options="regionList" />//主要是这个 cons..原创 2022-03-02 17:32:00 · 1543 阅读 · 1 评论 -
vue-element-template 动态路由
注:项目使用的是vue-element-template的模板改动文件:permission.js、store/modules/user.js、store/getters.js、router(文件夹)、layout/components/Sidebar/index.vuerouter.js :在路由表中删掉除基础页面外的其他页面配置,只保留登录、404页面(我把首页也删掉了,因为我的首页也要走权限,不走权限的话就保留在静态路由里在router文件夹下增加两个文件,...原创 2021-12-21 13:16:19 · 1392 阅读 · 1 评论 -
Element文件上传 pdf 及预览
目标:vue+element 实现上传图片及pdf 和预览功能技术:vue、element、vue-pdf安装及引入://安装npm install--save vue-pdf//引入import pdf from 'vue-pdf'export default { components: { pdf }}页面代码:<template> <div> <el-upload accept=".pdf, .jpg, ....原创 2021-09-10 09:09:49 · 7278 阅读 · 5 评论 -
plus.downloader.createDownload 下载成功后文件存储路径
我的手机/ Android/data / io.dcloud.HBuilder / downLoads原创 2020-12-11 10:10:54 · 3380 阅读 · 1 评论 -
Vue给table指定行加样式
需求:动态表格指定行加样式解决方法::cell-style="cellStyle"适用表格插件:Element、vxe-table注:本文以vxe-table表格插件示例示例:给动态表格第2行、第3行、第5行字体加粗<vxe-table v-else border stripe :data="dataSource" :cell-style="cellStyle" > <vxe-table-column v-for="item in tableColumn"原创 2020-08-05 18:06:58 · 3510 阅读 · 3 评论 -
v-charts 调整柱状图之间的间距
可在extend这个属性中自己配置,用法和echarts相同<ve-histogram :data="chartData" :extend="chartExtend"width="100%" height="90%"></ve-histogram>export default{ data(){ this.chartExtend = {...原创 2020-02-24 12:02:16 · 4129 阅读 · 0 评论 -
vxe-table 多条数据编辑后统一保存
vex-table地址:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install需求:表格多行数据编辑后进行统一保存页面效果如下(编辑前、编辑后):点击后保存后的数据格式:页面代码如下:注:data为数据源//HTML<el-button type="pr...原创 2019-12-21 12:56:11 · 5112 阅读 · 4 评论 -
console.log('script start')
console.log('script start')setTimeout(function () { console.log('setTimeout')},0)new Promise(function (resolve) { console.log('promise1') resolve()}).then(function () { console.lo...原创 2019-11-29 15:00:09 · 933 阅读 · 1 评论 -
antd日期选择器禁止选择当天之前的时间
使用disabledDate属性(不可选择的日期)<a-date-picker @change="dateChange" :disabledDate="disabledDate" v-decorator="['endDate']"/>在js中定义函数并返回 //限制当天之前的日期不可选 disabledDate(current) { return...原创 2019-10-24 09:44:15 · 8492 阅读 · 3 评论 -
[Vue warn]: Failed to resolve directive: modle (found in <ComponentA>)
报错原因:单词拼写错误解决方法:检查是否将model写成了modle温馨提示:编写代码要细心且严谨(这已经是我第二次犯类似的错误了)原创 2019-10-17 16:04:37 · 1504 阅读 · 2 评论 -
Vue项目搭建
vue-cli 项目搭建及常用插件安装,报错解决环境搭建 1. 安装 node.js (官网下载,按电脑版本选择32位或者64位) node - v 检测版本 2. 安装webpack npm install webpack -g webpack -v 检测是否安装成功项目搭建 1. npm in...原创 2018-07-16 10:50:29 · 213 阅读 · 0 评论 -
vue常用插件安装
常用插件安装 1. 安装jquery npm install jquery --save -dev 在main.js 中引入 import $ from 'jquery' 2. 安装bootstrap npm install bootstrap --save --dev 在main.js 中引入 ...原创 2018-07-16 11:00:36 · 516 阅读 · 0 评论 -
vue前端获取不到cookie
最近开发的项目在获取cookie时,遇到了一些问题,浏览器cookie确实存在,而前端却取不到,这个问题非常简单(我却看了两天,尴尬!)给大家分享一下我的解决方案首先,前端得检查自己获取cookie的方式是否正确,vue项目是有vue-cookies的,检查是否安装成功然后检查自己获取cookie的方式,贴上自己的代码,仅供参考(is_login)如果确保自己代码没问题后,去找后台...原创 2018-07-31 17:46:37 · 12880 阅读 · 0 评论 -
vue路由跳转回到顶部
在main.js中添加以下代码router.afterEach((to,from,next) => { window.scrollTo(0,0);})原创 2018-08-14 14:58:35 · 2491 阅读 · 0 评论 -
Vue 使用element-ui步骤条流程
负责项目所遇到的步骤条流程,给大家分享一下,效果如下注:vue2.0 项目该效果引用element-ui的步骤条,引用之前确保个人项目已安装Element安装命令:npm install element-ui然后在main.js中引入:确保安装引用成功后,就可以开始写步骤条代码了页面代码如下:通过判断active的状态去切换所在步骤的内容js代码如下:prev为...原创 2018-08-20 15:46:51 · 36269 阅读 · 23 评论 -
vue小图标 favicon不显示的解决方法
vue项目favicon不正常显示,或只显示在首页或登录页之后不显示解决方案:1.直接将favicon.ico放到根目录,与src,static同级2.在 webpack.dev.conf.js 文件里plugins里加入以下代码 new HtmlWebpackPlugin({ filename: 'index.html', template: 'inde...原创 2018-09-14 10:25:06 · 2711 阅读 · 0 评论 -
Vue i18n 中英文切换
最近做的vue项目要实现国际化语言,自己琢磨看文档写出了一个简单的不能再简单的demo,供大家参考!注:vue-cli项目1.npm安装 npm install vue-i18n --save2.i18n使用,在项目入口文件main.js中引入 import VueI18n from 'vue-i18n'; 在 src 目录下创建一个 langu...原创 2018-07-03 16:24:47 · 1568 阅读 · 0 评论