vue
qaakd
欢迎交流Web前端技术,相互学习
展开
-
uniApp,返回上一页并刷新数据
uniApp,返回上一页并刷新数据原创 2022-08-09 16:11:47 · 593 阅读 · 0 评论 -
使用vue-video-player实现直播
H5页面实现观看直播+视频回放;原创 2022-07-18 16:21:04 · 1801 阅读 · 0 评论 -
VUE组件已经注册,但还是报错没有注册,解决方法
components: { viewWindow: () => import('../baseData/components/viewWindow'), },原创 2022-04-26 10:20:56 · 2880 阅读 · 0 评论 -
Vue如何定义全局函数
1.base.js:// base.jsexports.install = function(Vue, options) { Vue.prototype.text1 = function() { console.log('执行成功1'); }; Vue.prototype.text2 = function() { console.log('执行成功2'); };};2.main.js:import Vue from 'vue'; // vue要在引文件之前...原创 2022-04-25 14:51:34 · 1752 阅读 · 0 评论 -
JS递归算法例子
//计算 count(data) { if (data) { for (let i = 0; i < data.length; i++) { if (data[i].isRight == 1) { this.selectedKeys.push(data[i].id); ...原创 2022-02-15 09:43:01 · 383 阅读 · 0 评论 -
VUE打包部署到服务器的服务器配置(伪静态)
location / {try_files $uri $uri/ /index.html;}原创 2021-12-16 15:30:02 · 539 阅读 · 0 评论 -
vue x-www-form-urlencoded请求
const params = new URLSearchParams(); params.append('captcha', values.captcha); params.append('key', values.key); params.append('password', values.password); params.append('rememberMe', values.remem...原创 2021-11-25 16:29:39 · 1218 阅读 · 0 评论 -
Vue ant 省市区联动
html部分:<a-cascader :default-value="['广东省', '广州市', '天河区']" :options="areaList" placeholder="请选择工程所属行政区" />js部分:import areaList from '../../../../store/areaList' data() { return { areaList: areaList, ...原创 2021-09-16 17:17:22 · 285 阅读 · 0 评论 -
vue 后台接口返回文件流地址的下载
接口:axios({url:api.path_3+'/getFile',method:'post',responseType:'blob' //注意这个一定要加})接口返回数据处理:download().then((res)=>{ //res为返回的数据letblob=newBlob([res],{typ...原创 2021-08-24 16:22:39 · 411 阅读 · 0 评论 -
VUE 中引入百度地图 定位
1.安装:npm install vue-baidu-map --save2.全局注册,在main.js中引入以下代码:import BaiduMapfrom'vue-baidu-map'Vue.use(BaiduMap, {ak:'你申请的key'})3.完整代码:<template> <baidu-map :center="center" :zoom="zoom" @ready="handler" style="height:1080...原创 2021-08-16 16:36:32 · 767 阅读 · 0 评论 -
VUE 引用Echats
1.先安装依赖:npm install echarts@4.9.02.完整带啊吗:<template> <div class="analyzeSystem"> <div :class="className" :id="id" :style="{ height: height, width: width }" ref="myEchart" ></div> </div>原创 2021-08-08 12:36:31 · 72 阅读 · 0 评论 -
VUE 打印
1.在main.js文件里加上:importPrintfrom'@/store/print'Vue.use(Print)//注册在线打印功能插件2.页面中调用:<template><section ref="print"> 打印内容 <div class="no-print">不要打印我</div></section></template>this.$print(this.$refs.prin...原创 2021-08-05 17:40:16 · 85 阅读 · 0 评论 -
VUE导出数据为excel,xlsx
npm需要安装插件:npm install --save file-saver xlsx代码如下:<template><a-table:columns="columns":data-source="data"id="out-table"><aslot="name"slot-scope="text">{{text}}</a><spanslot="customTitle"><a-ic...原创 2021-07-31 17:09:08 · 111 阅读 · 0 评论 -
Vue 动态加载子组件
#### 父组件<template><component ref="detail":is="myComponent":showdevice="showdevice"@callBack="callBack"></component></template><script>export default {data () {return {myComponent: null,showdevice: { name: '传递的名字' }原创 2021-07-29 10:27:03 · 842 阅读 · 0 评论 -
vue element ui复杂表头,复杂表格
<template><div><el-table:data="tableData":span-method="arraySpanMethod"style="width:100%;margin-top:20px":header-cell-style="headerStyle"><el-table-columnprop="id"label="123"ref="pj"colspan="2"align...原创 2021-07-23 16:08:40 · 678 阅读 · 0 评论 -
element ui 图片上传之前调用的事件
/** * 图片上传之前调用的事件 */beforeAvatarUpload(file) { // 允许所有的图片类型const isJPG = file.type.indexOf("image/") > -1;const isLt2M = file.size / 1024 / 1024 < 2;if (!isJPG) {this.$message.error("请上传图片文件!");}if (!isLt2M) {this.$message.error('上传头像原创 2021-07-13 11:41:35 · 412 阅读 · 0 评论 -
element ui 弹框,点击空白处,取消默认是关闭状态的
:close-on-click-modal="false"就可以关闭默认的空白关闭弹框原创 2021-07-13 11:29:36 · 826 阅读 · 0 评论 -
elementUI中input框无法输入的问题
<el-input@input="change($event)" v-model="ruleForm2[item.paramKey]"></el-input>change(e){this.$forceUpdate();//每次触发键盘时,强制更新},原创 2021-07-05 18:14:06 · 169 阅读 · 0 评论 -
VUE 挂载全局JS文件,组件按需要引用
1.在main.js里面写://全局挂在公共函数import*ascommonfrom'./util/common' //在此引用的是common.js//公用封装Vue.prototype.$common=common//=============================2.common.js的内容:exportfunctionalt(){alert(2);}3.在需要用到的组件里调用,调用方法如下:this.$c...原创 2021-07-05 15:00:28 · 980 阅读 · 0 评论 -
element-ui 省市区三级联动
1.执行以下语句安装城市数据:npm install element-china-area-data -S2.在vue文件中的scrit标签内导入数据:import { regionData, CodeToText } from "element-china-area-data";3.代码如下:<template> <div id="app"> <div> <el-cascader size="large原创 2021-07-01 17:07:26 · 392 阅读 · 0 评论 -
vue页面截图等功能
第一步安装html2canvas组件:npm install html2canvas --save第二步导入页面:import html2canvas from'html2canvas'test.vue:(截图功能)<template> <div> <!--<button>{{$store.state.name}}</button>--> test_test <div ref="image.原创 2021-06-25 10:46:58 · 811 阅读 · 0 评论 -
vue axios设置请求头
原创 2021-06-24 10:20:07 · 744 阅读 · 0 评论 -
VUE动态引入JS文件
leta=1;if(a==1){require('../../api/demo/demo.js');}else{require('../../api/demo/demo2.js');}原创 2021-06-21 15:01:16 · 814 阅读 · 0 评论 -
element-ui 解决 el-select 设置默认值后无法切换选项
https://blog.csdn.net/weixin_43900414/article/details/107383009转载 2021-06-03 16:38:36 · 1529 阅读 · 0 评论 -
vue 更新对象
this.$set(this.detailVo,0);原创 2021-06-02 18:14:10 · 269 阅读 · 0 评论 -
element-ui中的中国省市区级联选择器
https://www.icode9.com/content-4-618716.html转载 2021-05-21 17:59:28 · 330 阅读 · 0 评论 -
vue页面动态添加标签
页面结构<ul> <li v-for="(item, index) in itemArr" :key="index"> <el-input v-model="item.content"></el-input> </li></ul><button @click="deleteEle(index)">删除</button><button @click="addEle">+添加元素...原创 2021-05-21 17:55:44 · 3165 阅读 · 0 评论 -
vue-element-admin 设置默认语言
https://blog.csdn.net/qq_39019865/article/details/104940897转载 2021-05-10 23:13:55 · 173 阅读 · 0 评论 -
VUE路由高亮或导航高亮(有图有真相,学无止境,欢迎交流)
navFlash.vue:<template> <div> <router-link to="navFlash" exact> <div> 导航1 </div> </router-link> <router-link to="navFlash2" exact> <div> 导航2 </div>原创 2021-05-09 23:16:50 · 245 阅读 · 0 评论 -
vue ui没反应
解决方法卸载老版本npm uninstall vue-cli -g下载新版本npm install @vue/cli -g原创 2021-04-30 02:43:32 · 84 阅读 · 0 评论 -
Vue部署到服务器解决跨域问题
使用nginx搭建在nginx中找到配置文件添加以下代码即可。/api/ 为你VUE配置的跨域配置目标地址location /api/ { rewrite ^/b/(.*)$ /$1 break; proxy_pass http://你跨域的地址/;}原创 2021-04-09 16:54:20 · 860 阅读 · 0 评论 -
Ant Design Vue 中 DatePicker 日期选择框改成中文
https://blog.csdn.net/qq_41810005/article/details/107157453转载 2021-03-10 11:49:57 · 3605 阅读 · 0 评论 -
如何在vue项目中使用md5.js
1. 安装:npm install --save js-md52. 引入:import md5 from 'js-md5';3.使用:md5("123"); //记得加双引号原创 2021-03-08 11:42:39 · 2258 阅读 · 0 评论 -
Vue 中引入jquery
npm i jquery -S//然后再vue页面中引入jquery就可以使用了import $ from 'jquery'原创 2021-03-04 17:22:49 · 359 阅读 · 1 评论 -
解决vue项目在ie中打开显示空白问题
这是由于js没有加载解决方法:1、npm ibabel-polyfill2、在APP.vue 文件中引入,语句为import "babel-polyfill"原创 2021-03-04 14:42:47 · 528 阅读 · 1 评论 -
vue async await写法
methods: { // 获取所属地 getLocation(phoneNum) { return axois.post('/location', {phoneNum}); }, // 根据属地获取充值面额列表 getFaceList(province, city) { return axois.post('/location', {province, city}); }, // 采取async await 方式调用.转载 2021-01-16 03:14:01 · 502 阅读 · 0 评论 -
VUE 过滤器filters
Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>你可...原创 2021-01-15 23:24:55 · 150 阅读 · 0 评论 -
cube-ui官网不能访问的解决方法
在hosts文件中添加下面的配置就可以访问了185.199.109.153 didi.github.io转载 2020-12-20 14:18:23 · 1638 阅读 · 2 评论 -
iframe调用vue里的函数(iframe为子页面)
methods: {getShiBinList:function(){alert(1);},}mounted() { window.getShiBinList=this.getShiBinList; //给iframe调用}//以上是VUE里面的代码,iframe在vue里面// parent.getShiBinList();//调用vue里获取视频方法...原创 2020-10-10 09:36:29 · 2147 阅读 · 0 评论 -
vue路由拦截及页面跳转
路由设置:router/index.jsexport default new Router({ routes: [ { path: '/selfcenter', name: 'selfcenter', meta: { requireAuth: true // 配置此条,进入页面前判断是否需要登陆 }, component: selfcenter } ]})main.js:/* eslint-d...原创 2020-06-19 16:15:45 · 1288 阅读 · 0 评论