![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
yingzhi3104
这个作者很懒,什么都没留下…
展开
-
vue跨组件触发方法
中间页middle-utils.jsimport Vue from 'vue'export default new Vue()触发import MiddleUtils from '@/common/utils/middle-utils'change(){MiddleUtils.$emit('changeNav', { key: '' })}接收import MiddleUtils from '@/common/utils/middle-utils'mounted()原创 2021-11-22 16:03:26 · 1080 阅读 · 1 评论 -
vue常见问题
1,新挂载的组件的created会在卸载的组件的beforeDestroy之前被执行从列表子组件直接跳转到详情页,就会出现这个问题从列表子组件$emit('toDetail'),在父组件跳转到详情页就没问题原创 2021-10-11 16:50:46 · 126 阅读 · 0 评论 -
vue+typeScript常见问题
1,refs获取组件<template> <div class="info"> <field ref="field"></field> </div></template><script lang="ts">import { Component, Prop, Vue, Ref, Watch } from "vue-property-decorator";import { State, Action原创 2021-09-29 11:40:51 · 114 阅读 · 0 评论 -
vue向右滑动加载更多
listScroll() { const scrollLeft = (document.getElementById('tablist') as HTMLElement) .scrollLeft console.log('卷去宽度', scrollLeft) const clientWidth = document.documentElement.clientWidth || document.body.clientWidth console.l...原创 2021-09-29 11:34:36 · 403 阅读 · 0 评论 -
vue+typescript+vant配置按需加载和定制主题
1.配置按需加载按需加载用的是ts-import-plugin,需要先安装:cnpm i ts-import-plugin -D在vue.config.js添加下面的配置,这里注意的是,要把原来的style:true改成下面这种方式,不然修改主题没有效果const merge = require('webpack-merge')const tsImportPluginFactory = require('ts-import-plugin')module.exports = {...原创 2021-03-30 15:36:57 · 829 阅读 · 0 评论 -
vue引入ant design vue时无法加载less-loader/less模块
报错如下:问题来源:项目使用了vuecli3和ts,引入ant-design-vue之后,还需要安装less和less-loader。都安装好了之后运行,less会报错错误描述:less-loader3.0以上的版本修改了配置,不支持InlineJavasript,可查看https://github.com/ant-design/ant-motion/issues/44解决办法:1,重新安装,把less版本降到3.0以下2,修改vue.config.js配置// vue..原创 2020-11-06 11:25:55 · 1311 阅读 · 0 评论 -
前端文章合集
Vue 项目性能优化实践https://mp.weixin.qq.com/s/zOgx6HmI2tK06vHlWOp4Mw原创 2020-07-27 15:21:16 · 141 阅读 · 1 评论 -
vuecli3引入字体文件失败
使用vue-cli搭建项目,需要引入font-icon文件,图标不显示,然后报错解决方案:由于使用vue-cli后,引入css 样式表的写法也发生了改变,正确写法: @import '~@/路径' 需要使用绝对路径,相比较js文件的 '@',引入css文件需要使用 '~@' ...原创 2020-04-16 16:13:47 · 2115 阅读 · 0 评论 -
vuecli3全家桶项目初始化
全局安装vuenpm install -g @vue/cli创建项目vue create vue-cli3-demops:名称不能采用驼峰命名这里有两种配置可以选择(可以使用上下方向来切换选项)default (babel, eslint) 默认套餐,提供 babel 和 eslint 支持。 Manually select features 自己去选择需要的功能,提供更...原创 2020-04-16 15:58:48 · 263 阅读 · 0 评论 -
h5使用vue+quagga识别条形码图片
最近有一个需求,要求扫描识别条形码,研究了各种方法,最后选定了拍照上传图片,然后使用quagga识别这一方案使用demo:拍照上传图片这里尝试了两种方法,一种是原生的input实现,一种是使用了vant上传组件quagga可使用npm下载,https://www.npmjs.com/package/quagga<template> <div class="h...原创 2020-04-16 14:41:23 · 5842 阅读 · 7 评论 -
vue切换路由后,保存原页面的input框输入信息
配合vue-router,可以配置meta中的keep-alive解决这个问题:在vue-router的配置中,添加(keepAlive: true) { path: '/HelloWorld', name: 'HelloWorld', component: HelloWorld, meta: { requireAuth: true, keepAlive:...原创 2020-02-26 16:03:39 · 4063 阅读 · 0 评论 -
VueCli3打包后Vant样式丢失
在vuecli3中使用了vant,配置vant的按需引入,因为项目还使用了typescript,所以配置参考官网,下载ts-import-plugin和webpack-merge,具体配置(vue.config.js)如下:const merge = require("webpack-merge");const tsImportPluginFactory = require("ts-i...原创 2020-02-26 15:38:09 · 2746 阅读 · 0 评论