vue
chenlengsu_it
这个作者很懒,什么都没留下…
展开
-
一种 代码方式
这是 html部分<el-col :span="6"> <div class="topleft"> <Ranking ref="Ranking"/> </div></el-col><el-col :span="9"> <LECHRoom ref="LECHRoom"/></el-col><el-col :span="9"> <div class="topright原创 2022-04-01 10:04:52 · 790 阅读 · 0 评论 -
关于 websocket 的 连接
// wsurl 是 socket 的url // ip 是服务器的ip,例如 192.168.0.1 这样子的ip// host 是 后端服务的端口 例如 192.168.0.1:8081, 8081 就是端口// 格式 为 ws://${ip}:${host}/路径let socket = '' openSocket(wsurl) { socket = new WebSocket(wsurl) socket.onopen = () => { conso原创 2021-12-20 10:21:59 · 1960 阅读 · 0 评论 -
vue 设置了keepAlive 的页面之后出现的问题
通过传入的字段 判断是否 keepAlive <keep-alive> <router-view v-if="$route.meta.keepAlive && isRefresh" class="avue-view" /> </keep-alive> <router-view v-if="!$route.meta.keepAlive && isRefresh" class="原创 2021-12-20 10:13:23 · 784 阅读 · 0 评论 -
关于cookie 设置不进去导致的问题
下面是通过用 js-cookie 设置 tokenimport Cookies from 'js-cookie' // @2.2.0 版本import website from '@/config/website'const Authorization = website.Authorization // key 名var inFifteenMinutes = new Date(new Date().getTime() + website.tokenTime * 1000) // cookie保存时原创 2021-12-20 10:00:48 · 937 阅读 · 0 评论 -
vue el-upload 的文件夹上传
template 部分 <el-upload ref="uploadFile" :headers="uploadObj.headers" :http-request="httpRequest" :file-list="fileList" :auto-upload="false" action="#" multiple class="upload-demo"> <el-button size="small" type="primary">点击上传原创 2021-12-02 16:17:42 · 4256 阅读 · 0 评论 -
关于报错 vue__WEBPACK_IMPORTED_MODULE_0___default.a.observable is not a function
报错截图如上,报了vue__WEBPACK_IMPORTED_MODULE_0___default.a.observable is not a function这个错误。因为我是 cdn 引入方式,所以 我想歪了,因为项目中 使用了vue.observable ,这个 APi 是 vue 2.6 新增的,而我 引入的 cdn 版本是 2.5 所以 报了这个错误,所以只要 cdn 换个 版本 就 ok了...原创 2021-11-19 14:31:44 · 4513 阅读 · 0 评论 -
vue 关于 重复数据的的问题
学习到了 new Set()的去重功能,基本用法 let arr = [ { label: 123, }, { label: 321, }, { label: 321, }, ] let newArr = arr.map(item => item.label) let fillter = Array.from(new Set([...newArr]))原创 2021-11-16 16:05:11 · 2767 阅读 · 0 评论 -
项目对接海康的硬件设备,摄像头
根据传入的cameraIndexCode 来动态生成预览画面<template> <div> <div id="playWnd" class="playWnd"></div> </div></template><script>export default { props: { cameraIndexCode: String, }, data() { return {原创 2021-11-12 14:56:44 · 426 阅读 · 0 评论 -
如何解决 vue中 config文件 target 多次冲突的问题
今天 同事找到一个完美解决 vue.config文件的target 多次冲突的方法首先把以下两句代码 输入git config --global filter.gitignore.clean "sed '/\/\/#gitignoreline_start/,/\/\/#gitignoreline_end/{/\/\/#gitignoreline_start/b;/\/\/#gitignoreline_end/b;d}'"git config --global filter.gitignore.sm原创 2021-11-12 14:55:07 · 1937 阅读 · 0 评论 -
vue 报错 Uncaught SyntaxError: Unexpected token <
问题出在马虎大意,因为项目默认的路径是http://localhost:8080/#/web/business然后删除后面路径想跳转到另外的地方后发现报错结果是多删除了/#,因为是hash模式所以 必须要加 加上后正常了原创 2021-07-12 11:40:21 · 124 阅读 · 0 评论 -
登录时,点击两次才可以跳转
今天没什么事情干,加上公司新招了一个测试,测试在看公司的网站时。发现之前的一个项目有一个小bug一直未修复,整好很闲,就打开项目看了看起初刚开始的话,检查了一下login.vue 文件的登录逻辑是没什么问题的,但是到了this,$route.push 的时候就不好使了,第一时间想的是 this指向问题,因为 当时是嵌套了element的 表单验证的函数,还有 vuex封装的方法,就觉得可能是this问题,但是var that = this后,发现问题依然没有解决。于是开始百度,面向百度工程师就是我了刚原创 2021-05-18 16:50:52 · 3098 阅读 · 7 评论 -
vue 页面 ios 事件不触发
给当前标签加样式,就可以触发了。 cursor: pointer;原创 2021-05-17 16:27:28 · 424 阅读 · 0 评论 -
axios 上传excel文件问题,cotent-type
因为axios 封装了请求后自动对 请求做手脚所以在上传文件的时候我们自己写一个纯净的axios 来上传/** * 导入商品信息 * @param url 导入路径 * @param fileData 导入文件数据 * @param fileName 上传的参数 */export function importFile(url, fileData, fileName) { let fileObj = fileData.file // 这里是file对象 this.fileLis原创 2021-05-12 16:52:03 · 605 阅读 · 0 评论 -
vant组件手风琴 右侧图标 移到左侧并自动切换的方法
vant组件手风琴 右侧图标 移到左侧并自动切换的方法代码如下:其中主要是 <van-collapse-item :name="0" :icon="icon_up"> <div class="right-icon" slot="right-icon"> <img :src="activeName == 0 && activeName !== '' ? icon_up:icon_down" alt />原创 2021-05-12 16:44:48 · 1542 阅读 · 0 评论 -
vant遮罩层 封装组件后 点击遮罩层报错
我是封装了一个弹框组件,组件里用到了vant的Popup,然后在我点击遮罩的时候报了错,也是在请教了同事之后解决的。报错如下:这里告诉我们是 我们直接修改了传入的props ,vue 不建议我们这样使用,所以发出了警告。最后解决办法是:通过赋值到data数据里面,来达到效果,然后项目也是没有这个警告了...原创 2021-05-12 16:31:43 · 803 阅读 · 2 评论