vue
weixin_38107457
这个作者很懒,什么都没留下…
展开
-
el-table 筛选功能
<template> <div> <el-table ref="filterTable" :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" sortable width="180" column-key="date" > </el-table-column.原创 2021-08-25 22:56:50 · 1343 阅读 · 0 评论 -
国际化翻译(工行)
原创 2021-07-14 21:32:38 · 123 阅读 · 0 评论 -
vue 视图数据更新
原创 2021-07-14 21:30:06 · 134 阅读 · 0 评论 -
echart-pie
官网import * as echarts from 'echarts';var chartDom = document.getElementById('main');var myChart = echarts.init(chartDom);var option;option = { tooltip: { trigger: 'item' }, legend: { top: '5%', left: 'center'原创 2021-06-21 22:02:32 · 222 阅读 · 2 评论 -
Vue实战篇二十:自定义表格合计
一、表格合计的自动生成通过element-ui 表格组件的合计属性,即可自动生成合计行: <el-table ref="table" :data="orderDetail" stripe border show-summary style="width: 100%; margin-top:20px"> <el-table-column width="100px" prop="orderNo" label="订单号" /> <el-tab原创 2021-04-28 21:56:52 · 1594 阅读 · 7 评论 -
VUE 生成二维码
npm install qrcodejs2 --savevue文件中引入插件: <-- 发货表头 --> <el-row> <el-col :span="23" style="margin-bottom: 10px" > <ul class="master"> <li>原创 2021-04-28 21:50:48 · 184 阅读 · 0 评论 -
在VUE项目中实现打印
npm install vue-print-nb --save在mian.js中引入import Print from 'vue-print-nb'Vue.use(Print); <el-dialog title="打印页面" :visible.sync="dialogVisible" width="40%" :loading="loading" size='small' @open="dialogOpen"> <div style="width:500px"&g原创 2021-04-28 21:39:18 · 160 阅读 · 0 评论 -
父组件触发子组件的事件
父组件触发子组件的事件父<el-button @click="fo">切换</el-button><km-map ref="child" :addressDetail="addressDetail"> </km-map>methods: { fo() { this.$refs.child.search() },}子<el-col> <el-button id="position" @clic原创 2021-04-28 21:37:29 · 198 阅读 · 0 评论 -
记录element ui 中el-dialog中清除表单检验问题
<template> <!-- 记录element ui 中el-dialog中清除表单检验问题 --> <div> <el-dialog title="质检结果" :visible.sync="dragVisible" width="35%" :before-close="handleClose" @open="open()" @close="close()" >原创 2021-04-28 21:25:54 · 369 阅读 · 0 评论 -
vue中函数执行完再执行另一个函数
async funone() { await axios.post('xxxxxxx', params) .then(res => {}) .catch(err => {})}async funtwo() { await axios.post('xxxxxxx', params) .then(res => {}) .catch(err => {})}async funthree() { await this.funone() await原创 2021-03-25 17:28:47 · 4753 阅读 · 0 评论 -
vue中如何不通过路由直接获取url中的参数
第一步:创建utils.js文件,并保存到项目根目录export default{ getUrlKey:function(name){ return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null; } }第二步:在主js方法(ma原创 2021-03-25 17:27:35 · 309 阅读 · 0 评论 -
elementUI+国际化
2. 在index.js 中引入vue和vue-i18n, 并注册vue-i18n 然后 引入en.js和zh.js两个文件 (1) elementEnLocale 和elementZhLocale 是element-ui国际化需要的,如果没有使用element-ui,则不需要引入 (2) locale : 设置的默认的语言...原创 2021-03-17 14:34:34 · 179 阅读 · 0 评论 -
在Vue框架中通过a标签实现下载本地资源的功能
原创 2021-03-16 17:03:22 · 691 阅读 · 2 评论 -
npm run build 生成的 dist 如何在本地直接运行
网上找了下相关问题,将config文件夹里index.js的build中的assetsPublicPath从 ‘/’,改为了’./’,用浏览器打开index.html后部分组件没有加载出来,点击导航跳转的路由也变到了磁盘根目录。直接在地址栏输入对应页面的路由也不行没错,是搞错了,但不是代码搞错了,是方式搞错了index页面不能直接打开,需要在服务器上打开这时我们需要安装servenpm install serve -g(全局安装serve)...原创 2021-03-09 11:19:18 · 1228 阅读 · 1 评论 -
vue-cli3使用pdf.js以及各种显示pdf方法无效原因
问题分析开始以为是方法的原因,百度找了object、iframe、embed标签来显示pdf无果(当然可以用这些方法正确显示,但是这里与不使用vue有一些区别,下面会解释到),甚至使用了pdf.js、vue-pdf等插件来帮助显示,但都无果,这就引起了我的思考,为什么别人能正常显示的我却不能呢,甚至按照官网教程一步步写下来都是无法加载,仔细看人家的示例,仿佛都是以static目录开始的,那么是否是这个问题呢解决问题了解了区别所在,那么接着往下想,众所周知vue-cli3生成的项目中是减少了很多配置项,原创 2020-09-08 14:52:28 · 1965 阅读 · 0 评论 -
login
验证码<!--验证码组件--> <template> <div class="ValidCode disabled-select" :style="`width:${width}; height:${height}`" @click="refreshCode" > <span v-for="(item, index) in codeList" :key="index" :style原创 2020-06-04 17:09:35 · 3252 阅读 · 0 评论 -
点击复制按钮
原创 2020-06-04 17:00:40 · 262 阅读 · 0 评论 -
axios封装
原创 2020-06-04 10:17:21 · 92 阅读 · 0 评论 -
vue webpack 打包 忽略某个文件
在项目中public中新建config.jsvue.config.js 中设置忽略文件引入原创 2020-06-02 10:16:06 · 11842 阅读 · 0 评论