![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
迷阵
懒狗前端
展开
-
Element Plue -- el-select绑定对象不能回显问题
el-select绑定对象不能回显的解决方案原创 2023-05-05 15:52:09 · 1317 阅读 · 1 评论 -
element--el-cascader级联选择器,选择父节点勾选子节点,取消子节点不影响父节点
【代码】element--el-cascader级联选择器,选择父节点勾选子节点,取消子节点不影响父节点。转载 2023-04-18 13:56:52 · 1511 阅读 · 0 评论 -
Vue--扫码枪,输入法为中文时乱码
扫码枪是模拟键盘的回车按键,所以输入的时候切换成email类型的输入框原创 2022-09-14 15:50:39 · 2426 阅读 · 1 评论 -
vue--element Cascader 单选模式,实现展开下拉直接看到选中打钩的数据
Cascader element 默认值 回显下拉框原创 2022-06-09 14:38:02 · 830 阅读 · 2 评论 -
Vue--监听元素宽高变化
解决方案1、使用element-resize-detector插件2、使用自定义指令element-resize-detector插件npm install element-resize-detector自定义指令<template> <transition> <div v-resize="DomResize"> </div> </transition></template><script&原创 2022-04-15 14:59:30 · 3946 阅读 · 0 评论 -
babel--可选链,空值合并等常用插件
@babel/plugin-proposal-optional-chaining 可选链 ?.@babel/plugin-proposal-nullish-coalescing-operator 空值合并运算符 ??@babel/plugin-proposal-object-rest-spread 扩展运算符 …@babel/plugin-syntax-dynamic-import 顶层impor原创 2022-02-25 14:48:13 · 853 阅读 · 0 评论 -
uni--uniapp Not found -1,14 at view.umd.min.js:1
报错信息Not found -1,14 at view.umd.min.js:1报错原因引入方式问题解决方案换个引用方式原创 2021-12-28 18:36:49 · 2490 阅读 · 2 评论 -
vue--element表格切换数据,选中不生效
问题点击”仅显示已选择“时,toggleRowSelection()无效。原因可能是在修改后的table的数据里,有什么和之前不一样了。导致匹配不到对应的列。解决方案使用find或者别的数组检索函数,找到table里的那一条数据,而不是直接用row。 this.$refs.table.$refs.table.clearSelection();this.$nextTick(() => { if (this.selectList.length > 0) {原创 2021-09-03 16:54:29 · 1190 阅读 · 3 评论 -
vue--上传后预览pdf
上传pdf后预览pdf报跨域解决方案我原来使用的是vue-pdf,改成了直接iframe. <!-- <pdf v-else ref="myPdfComponent" :src="item.url" :style="{ transform: 'rotateZ(' + deg + 'deg)' }" v-drag @mous原创 2021-08-31 16:31:20 · 219 阅读 · 0 评论 -
vue--组件嵌套(子组件嵌套父组件)
问题子组件嵌套父组件时报错,且不显示组件解决方案components: { FormItem: () => import('./form-item.vue') },原因简单解释:注册组件使用按需加载,这时调用的组件是未加载的,用异步加载或者全局加载即可官方解释:组件之间的循环引用...原创 2021-08-10 14:07:23 · 744 阅读 · 0 评论 -
vscode--vue注释快捷方式
目录vscode配置配置文件vuejavascriptvscode配置1.F1–> 输入:首选项:配置用户代码片段2.选择下面这个3.输入或选择需要的配置配置文件vuevue.json{ "Print to vueTitle": { "prefix": "vueTitle", "body": [ "<!-- ", " * @description: ", " * @au转载 2021-07-27 11:43:40 · 5964 阅读 · 0 评论 -
vue--echarts白屏或等一会才出现
原因由于是异步加载数据,setOption的时候div的宽高还是0,导致canvas渲染宽高也是0。解决方法:加上默认的width和height,<div class="echarts-vue" style="width:500px; height:500px" ></div>原创 2021-07-14 10:29:28 · 779 阅读 · 0 评论 -
vue--使用Print.js打印页面样式不出现
打印变形或字体大小不对解决方案加上这句就好了!完美!原创 2021-04-19 17:55:24 · 6576 阅读 · 14 评论 -
vue2.x--打印页面
插件地址https://printjs.crabbly.com/引入1.下载放到你想放的项目里2.index.html文件引入使用方法使用id调用参数打印原创 2021-04-16 11:47:45 · 85 阅读 · 0 评论 -
Vue--prototype中return返回数据
用法我用的callback方法。还有一种promise配合async实现的,目前有兼容问题,如果不是vueCli的话不建议使用。main.js中:Vue.prototype.getDictionary = async function(callback) { let common = uni.getStorageSync('dictionary'); if (common === '') { common = await loginApi.dictionary(); } else原创 2021-03-11 10:47:56 · 546 阅读 · 0 评论 -
Vuex--动态路由,退出登陆后重新登陆白屏
出现下面这种白屏,并且没有请求接口,f12很僵硬。原因我的原因是:退出时没有把store清空,重新登陆后判断到srore存的路由length>0,所以没有重新遍历接口传过来的menu解决方法 async logout() { // 退出清空菜单 await this.$store.dispatch("user/logout"); await this.$router.replace(`/login?redirect=${this.$route.fullP原创 2021-02-02 17:13:54 · 554 阅读 · 0 评论 -
element-日期选择器设置初始值后修改失效
解决办法:this.$set(this.formInline, ‘dataTime’, [res.startTime, res.endTime])原创 2021-01-22 17:29:23 · 1187 阅读 · 0 评论 -
Vue--input监听回车事件,跳到下一个输入框
注意:打开控制台的时候,这个没作用,查了很久,查不出为什么,就很气! mounted() { let that = this document.addEventListener("keydown", function inputClick(e) { switch (e.key) { case "Enter": e.preventDefault(); that.$nextTick(() => {原创 2020-11-02 16:22:46 · 2949 阅读 · 0 评论 -
Vue--值更新了但是页面没有刷新
解决方法:使用this.$set原创 2020-09-03 17:06:17 · 529 阅读 · 0 评论 -
Vue--导出文件流遇到的问题
文件导出失败解决方案:1.设置头部2.接受blob流 headers["Content-Type"] = "application/x-www-form-urlencoded; charset=utf-8" headers["responseType"] = "blob"导出文件流+文件名乱码文件名可以自己起或者后端传过来的转一下 //导出 if (response.config && response.config.responseType =原创 2020-08-19 09:59:42 · 1380 阅读 · 2 评论 -
Vue--form导入文件
后端接收的是空值解决方法:headers里的Content-Type= “multipart/form-data”data不要用qs.stringify或者加密原创 2020-08-19 09:50:54 · 252 阅读 · 0 评论 -
elementUI的el-select 修改时 默认值不显示问题
显示为数字,不能正确显示值原因:el-option选框需要的value属性是String类型的,可以利用row这个一行数据,拿到el-option选框的value将其转换为String类型就可以了原创 2020-06-23 10:08:50 · 4887 阅读 · 0 评论 -
electron-vue -- run dev报错
运行成功后,打开显示根目录这个是报 的错误,原因是 webpack 的新版本的BUG,解决方法就是卸载新版本,安装老版本命令: npm remove webpack-dev-server npm install webpack-dev-server@2.7.1 npm run dev...原创 2020-03-03 09:38:34 · 729 阅读 · 0 评论 -
vue element 展开行只能展开一行+默认展开行
找了一堆资料,就是不可以 ,气死俺了!然后根据大佬的链接改好了重点方便自己就不写结尾,最后上图就是了 <el-table // 这里面的这几个玩意儿必备! ref="materialList" :row-key="getRowKeys" @expand-change="expandChange" :expand-row-keys="expand...原创 2020-03-01 10:40:21 · 2262 阅读 · 2 评论 -
element-ui的table表格的toggleRowExpansion方法展开指定行
https://blog.csdn.net/tangcc110/article/details/83751166转载 2020-03-01 10:14:14 · 2691 阅读 · 0 评论 -
Axios -- withCredentials属性导致跨域
解决方法1:删除withCredentials,使用其他方式引用多ip(这个方法暂时没找到)解决方法2:参考这个文章解决方法3:Access-Control-Allow-Origin 字段必须指定域名,不能为*Access-Control-Allow-Credentials为truemain.js中添加拦截器Vue.http.interceptors.push((request...原创 2020-02-28 16:04:12 · 967 阅读 · 0 评论 -
Vue-Element-Admin -- 动态路由重载问题
重载问题详情1.切换用户,左侧路由权限不变,要刷新一下才可以思路:查看/src/permission.js,知道是因为退出时没有清空路由,导致登录时判断路由长度>0,不去重新添加路由。解决方案:添加是否有用户数据的判断...原创 2020-02-27 09:03:03 · 1802 阅读 · 5 评论 -
Vue2.0 走马灯(非swiper实例)
例子https://www.swiper.com.cn/demo/web/index.html(下拉到最后一个)Vue中安装main.js中引用不需要页面中使用样式及html太长了,先不放了,例子里面可以下载,如果有需要我这边实例的可以评论说下。。<template> <ul class="principal-swiper"> <li v...原创 2019-11-20 11:04:06 · 900 阅读 · 7 评论 -
Vue2.0 + Swiper 开发遇到的问题 -- 数据动态加载后无法轮播
安装vue里面的swipernpm install vue-awesome-swiper --savemain.js文件中引入import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper, /* { default global o...原创 2019-11-20 10:53:00 · 481 阅读 · 0 评论 -
Vue2.0 vue v-for循环,改变循环数据视图不更新
遇到问题点击没反应解决方案方法1:方法2:总结ajax中的this得为vm或者在点击事件的开头定义this原创 2019-10-17 16:26:56 · 1261 阅读 · 0 评论 -
Vue1.0迁移到Vue2.0+遇到的问题 -- 安装配置及运行(一)
安装需要的管理工具Node -vNpm -vnpm install -g cnpm --registry=http://registry.npm.taobao.orgcnpm install -g vue-clivue init webpack firstVuenpm install --save-dev webpackcnpm install运行前配置安装styluscnpm...原创 2019-07-26 12:22:57 · 132 阅读 · 0 评论 -
Vue1.0迁移到Vue2.0+ 遇到的问题 -- header.vue(二)
header.vue报错Failed to mount component: template or render function not defined.解决方案:Vue1.0引入组件的方式:import star from "./components/star.vue";新的版本引入组件需要这样引用:const star = require('@/components/star')....原创 2019-07-27 09:55:34 · 513 阅读 · 0 评论 -
Vue1.0迁移到Vue2.0+ 遇到的问题 -- shopcart.vue(四)
VUE的$dispatch 和 $broadcast 已经被弃用[Vue warn]: Avoid using non-primitive value as key, use string/number value instead.move-transition等组件无法使用原创 2019-08-02 11:05:02 · 180 阅读 · 0 评论 -
Vue2.0 + Element 开发点餐网站遇到的问题 --slot/Dialog 对话框
slot是什么?slot:插槽,用来向指定位置传递内容的内置函数。有三种插槽:具名插槽、作用域插槽Element官方文档怎么做 <el-dialog v-for="(item,index) in detailedFoodList" :visible.sync="isFoodShow" v-bind:key="index"> //下面这个div是重点 &...原创 2019-08-19 10:29:38 · 536 阅读 · 0 评论 -
element 复/选框点击一个选框,但是全部选中的bug
出现同时选中的问题:单选框:原因1:如红色框所示,没有绑定v-model。原因2:如绿色框所示:没有绑定label。复选框:原因1:如红色框所示,没有绑定v-model , 并且复选框的绑定对象为数组。checkbox:[]原因2:如绿色框所示:没有绑定label。...原创 2019-08-19 15:10:42 · 3031 阅读 · 0 评论 -
Vue2.0绑定视频src
<div class="look-box" v-for="(item,index) in video" v-bind:key="item.id"> <video width="320" height="240" controls id="video" > <source :src="item.src" :type="item.srct...原创 2019-08-26 08:20:51 · 403 阅读 · 0 评论 -
Vue 3.0 特性及改变方向
Vue 3.0 ?2019年6月8日,Evan You(尤雨溪)在 VueConf 的主题演讲中透露3.0 的模板性能完爆 JSX 。利用现代浏览器支持的新功能,Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。按照尤雨溪的说法,因为 Vue 3.0 是主要版本,所以会包含一些重大变更。为什么Vue 3.0 是主要版本?Vue 1.0 到Vue 2.0 的升级:改变...原创 2019-08-28 11:18:01 · 273 阅读 · 0 评论 -
element Drawer 抽屉无法渲染
出现的问题:不使用脚手架和node.js时drawer不渲染原因:没有引入最新的样式解决方案:cdn引入原创 2019-09-27 11:19:20 · 8274 阅读 · 3 评论 -
vue加载时闪现模板的解决方法(例如加载数据之前出现item.name)
当vue需要加载数据多或者网络慢时,加载数据时候会先出现vue模板(例如item.name),用户体验特别不好解决方法:1、可以通过VUE内置的指令v-cloak解决这个问题(推荐)具体实现:{{ item.name }}CSS中添加[v-cloak]{ display: none; }2、可以在需要编译的元素前后加上关于详解http://www.zhangxinxu.com...转载 2019-10-08 15:14:35 · 716 阅读 · 0 评论 -
Vue2.0 + Element 开发点餐网站遇到的问题 -- 关于数组
操作数组创造一个数组:var form= new Array(); //创建一个数组var form= new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var form= new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值添加:form.push();//添加到最后...原创 2019-10-08 15:19:44 · 114 阅读 · 0 评论