![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
vue遇到的问题
眾K
这个作者很懒,什么都没留下…
展开
-
把图片的透明部分去掉
canvas裁剪的图把整个画布都剪下来了,但只要有元素的部分。原创 2024-07-01 17:26:04 · 193 阅读 · 0 评论 -
触摸播放视频,并用iframe实现播放外站视频
【代码】触摸播放视频,并用iframe实现播放外站视频。原创 2024-05-14 16:04:23 · 293 阅读 · 0 评论 -
this.$set
就用 this.$set(this.originPageList[i], ‘screenType’, ‘wide’);用于改数组,但页面没有更新。原创 2024-02-05 16:11:57 · 390 阅读 · 0 评论 -
vue-微信H5-拍照和视频,加人像框
【代码】vue-微信H5-拍照和视频,加人像框。原创 2024-01-19 14:12:40 · 1026 阅读 · 0 评论 -
vue图片截取插件
【代码】vue图片截取插件。原创 2024-01-05 10:13:44 · 689 阅读 · 0 评论 -
手写视频裁剪框
【代码】手写视频裁剪框。原创 2024-01-05 09:58:49 · 832 阅读 · 0 评论 -
点击出现视频弹框
【代码】点击出现视频弹框。原创 2024-01-04 15:03:10 · 407 阅读 · 0 评论 -
TypeError: this.getOptions is not a function
TypeError: this.getOptions is not a function直接用:npm install less@3.9.0 less-loader@4.1.0 --save-devnpm install -D sass-loader@10.1.1 sass就用这俩,完美解决原创 2021-12-29 16:33:15 · 368 阅读 · 0 评论 -
vue-点击高亮
这里写目录标题htmljscsshtml <div class="arrange_content_bottom"> <div class="arrange_content_bottom_floor" v-for="(i,v) in fj" :key="v"> {{i.floorNo}}层 <div class="arrange_content_bottom_title">原创 2021-08-19 09:21:49 · 246 阅读 · 0 评论 -
vue-后端传流文件前端下载api改变
在请求接口封装中,增加httpimgimport axios from 'axios'import store from '../store/index'import router from '../router/index'import { Message} from 'element-ui'import { getToken} from '@/utils/auth'const serverIP = '/api'const http = axios.create({原创 2021-08-18 17:39:15 · 146 阅读 · 0 评论 -
vue-图片上传压缩
html <van-uploader style="height: 90%;width: 100%;margin: 0 auto;" preview-size="100%" v-model="hrpageform" :preview-image="true" :before-read="beforeAvatarUpload" accept="image/*" :before-delete="delhspage" :after-read="afterRead" max-count="1">原创 2021-01-08 11:30:38 · 113 阅读 · 0 评论 -
组件通信
父级:data: directoryid: "123", //选中的文件idjs: // 关闭上传模块 getParent() { this.up = false; },子级:在这里插入代码片 // 使用父级方法 parentbtn() { this.$emit("ee", "cc12345"); },...原创 2020-07-24 16:39:55 · 125 阅读 · 0 评论 -
vue--跟echarts的结合
main文件写入:// 引入echartsimport echarts from 'echarts'window.echarts = require('echarts');Vue.prototype.$echarts = echartshtml <div class="maina"> <div id="main"></div> <div id="main02"></div> </d原创 2020-06-22 17:12:13 · 1654 阅读 · 1 评论 -
VUE--调用组件
import one from "../../components/One"; components: { one },原创 2020-06-22 14:35:56 · 134 阅读 · 0 评论 -
深度作用选择器
比如一些UI样式的class修改不了样式就可以用/deep/.el-card /deep/ .el-card__header { background-color: #f5f5f5;}原创 2020-04-22 14:16:49 · 1032 阅读 · 0 评论 -
vue-cli3生产环境去掉console.log
cnpm install terser-webpack-plugin -D然后在vue.config.js文件里写插件的配置:module.exports = { configureWebpack: (config)=>{ if(process.env.NODE_ENV === 'production'){ config.optimization.minimiz...原创 2020-04-15 16:24:40 · 1070 阅读 · 1 评论 -
提升90%加载速度——vuecli下的首屏性能优化
点它!原创 2020-03-23 11:49:54 · 129 阅读 · 0 评论 -
调用接口的方法
1.使用ES7语法get: shrtree: async function() { let _self = this; try { let { data } = await _self.$http.get("/unitinfo"); console.log("树的数据", data); _self.deptlist =...原创 2020-03-14 15:07:17 · 262 阅读 · 0 评论 -
Vue-点击获取文件地址并下载文件
html:<div class="downmb"> <el-button type="primary" @click="downmb">下载模版</el-button> </div>js: // 下载模版文件 downmb: async function() { let _self = this;...原创 2020-02-13 23:07:12 · 6081 阅读 · 1 评论 -
vue项目转换成pdf文件(简单易懂)
1,添加两个模块html2canvas和jspdf(1)npm install --save html2canvas(将页面html转换成图片)(2)npm install --save jspdf(将图片生成pdf)2,创建一个htmlToPdf.js文件在指定位置.我个人习惯放在(‘src/components/utils/htmlToPdf.js’),内容如下 import...转载 2020-01-03 10:07:52 · 2094 阅读 · 0 评论 -
Vue-拼接接口
import * as util from "./../../common/js/util";import api from "./../../api";import { log } from "util"; controllerData() { let thiscom = this; //加载下步任务机构树 let doubanURL = ...原创 2019-12-12 10:15:36 · 806 阅读 · 0 评论 -
Vue-给后端传登陆的用户id
Vue-给后端传登陆的用户id1.先通过session获取id2.获取信息前传id给后端1.先通过session获取id computed: { userinfo() { return JSON.parse(sessionStorage.getItem("userinfo")); } },2.获取信息前传id给后端 let thiscom = this...原创 2019-12-12 09:59:23 · 3952 阅读 · 1 评论 -
Vue-build打包
vue-cli3没有config文件解决方案,在根目录加上vue.config.js文件module.exports = { /** 区分打包环境与开发环境 * process.env.NODE_ENV==='production' (打包环境) * process.env.NODE_ENV==='development' (开发环境) * baseUrl...原创 2019-12-05 10:54:09 · 1110 阅读 · 0 评论 -
Vue-安装cli脚手架以及配置
1.# 安装 Vue Clinpm install -g @vue/cli2.# 创建一个项目vue create hello-world然后无限回车就ok原创 2019-12-04 10:25:41 · 78 阅读 · 0 评论 -
Vue-移动端在手机上调试
1.电脑和手机连接到同一个WIFI2.打开草料官网https://cli.im/3.点击网址,输入网址加端口,扫二维码就行原创 2019-11-28 14:48:27 · 607 阅读 · 0 评论 -
Vue-移动端自适应
1 安装 flexible和 postcss-px2rem(命令行安装)npm i ib-flexible --savenpm i postcss-px2rem --saveflexible会为页面根据屏幕自动添加标签,动态控制initial-scale,maximum-scale,minimum-scale等属性的值。例如在Galaxy S III:例如在iphone6/7/8...原创 2019-11-28 09:56:06 · 355 阅读 · 1 评论 -
Vue事件监听watch
html <input v-model="obj.a" type="text" />data obj: { a: "hello world" }watch watch: { "obj.a"(val, oldVal) { console.log("val", val); //新值 console.log("old...原创 2019-11-25 11:20:01 · 117 阅读 · 0 评论 -
Vue里使用定时器
mounted() { clearInterval(this.timer); this.setTimer(); }, beforeDestroy() { clearInterval(this.timer); }, methods: { setTimer: function() { this.timer = setInterval((...原创 2019-11-25 11:18:08 · 448 阅读 · 0 评论 -
Vue动画
html <div id="example-3"> <link href="https://cdn.jsdelivr.net/npm/animate.css@3.5.1" rel="stylesheet" type="text/css" /> //引入animate <button @click="show = !show">Tog...原创 2019-11-25 11:16:13 · 67 阅读 · 0 评论 -
vue中使用moment.js
1.安装npm install moment --save在main.js中导入并且做一定配置import moment from 'moment'//导入文件Vue.prototype.$moment = moment;//赋值使用 moment.locale('zh-cn');//需要汉化组件(.vue)文件中同样需要导入(script标签中)import mom...原创 2019-11-03 21:39:04 · 461 阅读 · 0 评论 -
vue跳转页面及传值
vue跳转页面及传值1.在路由器中添加routeimport Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import Test from '@/components/test/Test'import Drect from '@/componen...原创 2019-11-09 00:47:44 · 186 阅读 · 0 评论 -
Vue里使用IconFont图标
需求:在输入姓名里加小问号1.先去下载代码2.解压后把文件放入3.main.js文件里引入import './assets/font/iconfont.css' //引入图标4.elm UI 里的input里 prefix-icon="iconfont icon-fangdajing"...原创 2019-11-19 17:10:37 · 567 阅读 · 0 评论 -
Vue渲染数据加样式
需求:渲染的数据如果早退或迟到变颜色 <el-table-column prop="checkinTime" label="签到时间" width="142px"> <template slot-scope="scope"> <span style="color:#FF9066" ...原创 2019-11-19 17:03:09 · 577 阅读 · 0 评论 -
Vue使用本地数据 回填表单
created() { // 获取本地数据 let row = JSON.parse(sessionStorage.getItem("row")); // 使用本地数据 回填表单 this.goodsAddForm.goodsname = row.goodsname; this.goodsAddForm.goodscategory = row.goodsc...原创 2019-11-18 08:36:19 · 2201 阅读 · 0 评论 -
Vue原密码验证
1.先在接口层写请求函数//检查旧密码是否正确export const chekOld = params => req.get('/users/checkoldpwd', params)2.密码验证页先引入模块import { chekOld } from "../../api/account";3.elmUI里的 // 密码验证 oldpass: [ ...原创 2019-11-16 22:53:51 · 769 阅读 · 0 评论 -
Vue后台管理调接口
Vue后台管理调接口添加账号:分页添加账号:script先引入:import { async } from "q";import { addAccount } from "../../api/account";方法: methods: { submitForm(formName) { this.$refs.accaddForm.validate(async va...原创 2019-11-13 23:32:28 · 675 阅读 · 0 评论 -
注册登陆页面与后端验证(jq+ajax)
// 电话号码验证 function test_() { var theinput = document.getElementById("sjh").value; var p1 = /^(13[0-9]\d{8}|15[0-35-9]\d{8}|18[0-9]\d{8}|14[57]\d{8})$/; //(p1.test(theinput)); i...原创 2019-11-07 19:42:57 · 860 阅读 · 0 评论