vue
姽式、
去哪找300字写啊
展开
-
vue使用腾讯地图,实现点标记,搜索
1、public文件夹下index.html添加。原创 2023-10-17 15:39:49 · 915 阅读 · 0 评论 -
vue 使用C-Lodop打印小票
打开安装程序,一直下一步既可,我这边已经安装过就不演示了。// 打印效果 (测试打印,参数没调好)先从官网下载js文件。原创 2023-08-23 16:57:21 · 585 阅读 · 0 评论 -
vue 使用print.js打印小票
【代码】vue 使用print.js打印小票。原创 2023-08-23 15:48:50 · 705 阅读 · 0 评论 -
vue 具名 插槽
【代码】vue 具名 插槽。原创 2023-08-17 18:44:23 · 58 阅读 · 0 评论 -
vue3 “@”配置 (别名配置)
在 vue.config.js 文件添加。原创 2023-06-16 15:12:54 · 1394 阅读 · 0 评论 -
vue proxy配置冲突
vue proxy配置冲突。原创 2023-04-22 10:39:36 · 169 阅读 · 0 评论 -
vue、proxy配置多个地址
vue proxy原创 2023-02-16 14:20:33 · 230 阅读 · 0 评论 -
vue使用el-tabs实现标签页,切换标签页传值
增加了页面传值,删除切换tab保留值,同路由修改值。原创 2022-09-06 17:58:36 · 4261 阅读 · 0 评论 -
vue-element-admin 跳转详情页,添加面包屑,侧边栏不显示
侧边栏无显示,添加面包屑。原创 2022-08-03 15:12:38 · 2569 阅读 · 7 评论 -
Vue Baidu Map使用
VueBaiduMap使用。原创 2022-07-27 17:43:57 · 2377 阅读 · 2 评论 -
vue-element-admin 配置接口请求
先在vue.congif.js配置代理加上 proxy如果报错 Cannot read property ‘split‘ of null,是因为 target 的链接没加上http://然后在 .env.development 文件 把VUE_APP_BASE_API 改了proxy 写的是 /api 所以这里也是/api因为用的不是默认请求头,所以手动添加了一个请求头以登录为例,我这边因为后端原因,需要用到qs,调试,所以就把验证关了...原创 2022-07-14 17:14:11 · 2617 阅读 · 0 评论 -
vue3 线上白屏,打包js添加时间戳后缀
vue3 线上白屏,打包添加时间戳原创 2022-07-04 11:03:59 · 1174 阅读 · 0 评论 -
vue搜索关键字高亮
vue关键字高亮原创 2022-06-13 16:56:19 · 803 阅读 · 0 评论 -
win7使用vue3,能建不能跑
决解win7使用vue3各种奇奇怪怪的问题原创 2022-04-21 12:00:00 · 1917 阅读 · 1 评论 -
vue3使用vuex的getters
// index.jsimport { createStore } from 'vuex'import VuexPersistence from 'vuex-persist'import router from './module/router'import user from './module/user'const vuexLocal = new VuexPersistence({ storage: window.localStorage,})export const.原创 2022-01-15 17:02:50 · 3392 阅读 · 1 评论 -
vue中文输入法触发解决,compositionstart和compositionend事件
vue中文输入法持续触发解决方式原创 2021-12-01 14:29:36 · 3689 阅读 · 0 评论 -
vue3 加载动画
先推荐一个加载动画网站https://loading.io/spinner/,有蛮多动画的下载之后解压,然后在components下新建组件把代码放进去,在需要的页面引用注册组件使用组件原创 2021-04-26 11:20:31 · 840 阅读 · 3 评论 -
vue3代码混淆
在根目录自建vue.config.js 文件vue.config.js module.exports = { devServer: { proxy: "http://192.168.2.197:8081" // 接口代理 }, productionSourceMap: false // 代码混淆(不生成map文件)};原创 2021-04-16 18:03:34 · 2123 阅读 · 0 评论 -
vue3使用vuex
vue3 创建项目时勾选vuex,会自动生成一个store文件夹自带一个index.jsindex.js:// 引入import { createStore } from "vuex";import axios from 'axios';export default createStore({ // 声明变量 state: { "name": 'xxxxx', "Adata": null, "Bdata": {} }, // 修改变量(state不能直接.原创 2021-04-06 11:25:28 · 15906 阅读 · 3 评论 -
vue3项目创建
xxx:项目名vue create xxx如果没有配置保存过,则只有以下两个选项:② default(babel,eslint):默认设置(直接enter)非常适合快速创建一个新项目的原型,没有带任何辅助功能的 npm包③ Manually select features:自定义配置(按方向键 ↓)是我们所需要的面向生产的项目,提供可选功能的 npm 包// 空格选择() Choose Vue version 选择Vue版本() Babel JavaScript 的编译器()TypeSc原创 2021-04-06 10:59:05 · 160 阅读 · 0 评论 -
axios请求文件流以及显示
如果后端放回的是文件流那么正常请求拿到的就会是一堆乱码:这时候就要设置一下接受的格式了,给axios加上responseType: “blob”取到的就是一个file格式再用一个 blob去接var blob = new Blob([res.data], { type: "imageType" });就会变成这样在转成链接var image = (window.URL || window.webkitURL).createObjectURL(blob);就可以直接用img标签显示原创 2021-03-30 14:50:23 · 2109 阅读 · 0 评论 -
移动端总结
1、判断ios,以及ios版本(因为ios 14版本前后有些许不同,所有需要判断版本)var str= navigator.userAgent.toLowerCase();var ver=str.match(/cpu iphone os (.*?) like mac os/);if(!ver){ alert("请在Ios系统中打开");}else{ alert("你当前的Ios系统版本为:"+ver[1].replace(/_/g,"."));}2、输入款聚焦,调起键盘,贴底元素被顶起(监原创 2020-11-06 18:02:16 · 81 阅读 · 0 评论 -
移动端判断是否ios与ios版本
因为移动端ios的版本不同,有些布局或者功能会有不同,就需要判断版本号var str= navigator.userAgent.toLowerCase();var ver=str.match(/cpu iphone os (.*?) like mac os/);if(!ver){ alert("请在Ios系统中打开");}else{ alert("你当前的Ios系统版本为:"+ver[1].replace(/_/g,"."));}...原创 2020-11-06 10:17:19 · 393 阅读 · 0 评论 -
移动端键盘抬起,顶起底部定位元素
移动端输入框聚焦会调起键盘,从而使底部定位元素被顶起。mounted () { // 监听 window.onresize = () => { // 监听窗口变化 this.btn = !this.btn } },监听窗口变化,改变元素显示隐藏原创 2020-11-04 16:02:49 · 431 阅读 · 0 评论 -
移动端input file 提示没有应用可执行此操作
本人是在微信公众号使用input的file属性选择文件,提示没有应用可执行此操作,经过测试发现是“accept”属性的问题1、这个写法在pc端是可以识别的,可以调起选择器,但在移动端是无法识别的<input type="file" accept=".jpg,.png,.gif" @change="getFile($event)"/>2、移动端需要换成下面的写法<input type="file" accept="image/jpeg,image/png,image/gif" @c原创 2020-09-03 16:37:01 · 2094 阅读 · 0 评论 -
环信im 发送语音
<template> <div> <h1>{{tipMsg}}</h1> <button @click="onStartVoice">开始</button> <button @click="onEndVoice">结束</button> <button @click="onPlayAudio">播放</button> <div v-原创 2020-08-31 15:16:49 · 1300 阅读 · 0 评论 -
vue 集成环信 web im 加 一对一视频通话
vue引入集成环信Web IM有2种方式1、NPM2、引用本地文件这里采用第一种:1.1、通过 NPM 安装 Web SDKnpm install easemob-websdk --save // 核心功能npm install easemob-webrtc --save //单人视频1.2、在main.js引入// 引入环信import websdk from "easemob-websdk" // 白板// 引入视频配置import webrtc from "easemob-we原创 2020-07-29 16:39:11 · 1778 阅读 · 3 评论 -
vue集成环信 web im视频通话
成功集成环信之后添加视频通话因为只使用1对1视频,所以只记录一对一集成1、集成一对一视频 需要引入音视频sdk,这边使用的是npm引入npm install easemob-webrtc --save //单人视频2、在maim.js引入import webrtc from "easemob-webrtc"; // 单人视频3、初始化 WebRTC Call// 初始化 WebRTC Call var rtcCall = new WebIM.WebRTC.Call({ conne原创 2020-07-29 16:04:25 · 2203 阅读 · 0 评论 -
vue报错 Cannot read property ‘_wrapper‘ of undefined
这个错误是@click事件绑定的方法,在methods并不存在可以添加这个方法,或者去掉@click事件绑定原创 2020-07-24 16:27:26 · 535 阅读 · 0 评论 -
vue集成环信Web IM
vue引入集成环信Web IM有2种方式官方链接1、NPM2、引用本地文件这里采用第一种:1.1、通过 NPM 安装 Web SDK。npm install easemob-websdk --save1.2、先 import ,再访问 Web IM 。import websdk from "easemob-websdk"1.3、在项目main.js内配置const config = { xmppURL: '//im-api.easemob.com', // xmpp原创 2020-07-20 16:35:51 · 1891 阅读 · 1 评论 -
vue修改数组的值,页面没同步更新
1、vue直接赋值修改数组,页面没同步更新是因为vue由于javascript的限制,不能够直接检测到给数组赋值,也不能对该数组进行长度的赋值。2、vue包含一组观察数组的变异方法,push()、pop()、shift()、unshift()、splice()、sort()、reverse(),调用这些方法就可以触发视图的更新。...原创 2020-07-14 09:46:20 · 1612 阅读 · 0 评论 -
vue引入iconfont图标
1、挑选图标2、加入购物车3、添加至项目4、下载至本地5、解压压缩包6、复制以下文件到static下创建的icon7、main.js引入icon8、使用icon原创 2020-06-30 10:38:36 · 210 阅读 · 0 评论 -
vue引入less报错:loaderContext.getResolve is not a function
在【build】文件下的【webpack.base.conf.js】文件中【rules】中加入{ test: /.less$/, loader: “style-loader!css-loader!less-loader”, }完成后在在【style】标签里面写上【lang=“less”】报错,百度之后发现原因是由于less-loader安装的版本过高。在【package.json】中,可查看到安装的版本解决方法:卸载安装的高版本的less-loader,【npm uninstall les转载 2020-06-29 14:36:31 · 582 阅读 · 0 评论 -
vue传file文件对象
html:<input id="file" type="file" @change="tirggerFile($event)">js:export default{ data(){ return{ userInfo: '', headimgurl: {} } }, methods: { tirggerFile (e) { this.headimgurl = new FormData(); // 创建一个form类型原创 2020-05-11 10:41:17 · 5282 阅读 · 0 评论 -
vue、带省略分页器
效果图:下一页:不符合省略条件:html:<div class="Pager"> <div class="Pager_box"> <div @click="previous">上一页</div> <ul class="Pager_box_list"> <li v-for="(item,i...原创 2020-05-04 10:48:48 · 375 阅读 · 0 评论 -
微信公众号ios兼容
问题:用“event.target.value”获取input的值,传给后端,后端出现乱码<input @keyup="courseName = $event.target.value" class="cc_course_input" type="text" placeholder="请填写课程的名称" maxlength="30">解决:换成用v-model获取input的值...原创 2020-02-22 10:51:48 · 446 阅读 · 0 评论 -
vue监听接口状态
data () { return { time: false // 判断 } },methods: { dinshi () { if (this.time === true) {//判断是否超时 console.log('超时') this.$router.push({//跳转页面 pat...原创 2020-03-06 18:55:47 · 3660 阅读 · 0 评论 -
vue加载动画
在index.html页面写入动画效果(这样就所有页面都可以用了,不用没个页面都去加)//HTMLM<div id="Loading"> <!-- 加载动画 --> <div class="loader-inner ball-beat"> <div></div> <div&...原创 2020-03-06 18:49:01 · 542 阅读 · 0 评论 -
vue、分页加载
HTML<!-- 商品 页数--> <div class="pagenavi"> <div class="all-number"> <span>共{{data.length}}个商品</span> </div> <p class="pageArea" data-cou...原创 2019-12-23 10:52:50 · 268 阅读 · 0 评论 -
vue、四级联动(省市区街道)
效果图:1、安装:(使用 npm 安装) npm i --save area-linkage-vue area-data-vue2、引入: import Vue from 'vue'; import { pcaa } from 'area-data-vue'; import 'area-linkage-vue/dist/index.css'; import AreaLinka...原创 2020-01-10 08:57:17 · 5414 阅读 · 6 评论