vue

前段时间学习了Vue.js，并找了一个小项目练手，最后打包上线的时候发现了一些问题，在开发环境下，所有的模块都很正常，但是在生产环境下却有 部分按钮无法正常显示 。 在Vue.js中，按钮的功能一般是通过 作用域插槽 来实现的，作用域插槽可以使按钮能对一些数据进行相应的操作。 在我的项目中，我有部分按钮不需要传递参数，所以没有使用作用域插槽。代码如下： <template> <e…

1.serviceLoading.js loading组件封装: import { Loading } from 'element-ui' let loading function startLoading() { loading = Loading.service({ fullscreen: true , lock: true, text: '加载中', spinner: 'el-icon-lo…

VUE定义数组传递后台，总是接收不到，需要格式化成json传递才行，我这是一个案例，可以根据需求灵活转换 前台代码： data(){ return{ title:'', idd:'1', testArry:[1,3,4,4,5], datacontent:'' } }, let formData = new FormData(); formData.append('file', this.file…

1.安装依赖包 npm install pinyin-match --save 2.文件引入 import PinyinMatch from 'pinyin-match' 3.新建copyCustomer复制一份customer 4.创建PinyinMatch方法 PinyinMatch(val){ if(val){ let result = [] this.copyCustomer.forEac…

1.vue3环境搭建 1>对于 Vue 3，你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。要升级，你应该需要全局重新安装最新版本的 @vue/cli： # 全局安装 vue-cli yarn global add @vue/cli # 或 cnpm install -g @vue/cli 2>安装完后查看版本: $ vue --version @vue…

下载print.js print 下载在项目main.js导入 main.js import Print from '../config/print' Vue.use(Print) .vue 局部打印了快递单号，里面有base 64的图片 <div ref="printarea" v-html="parinlist"> <div v-html="parinlist">{{p…

vue项目执行install的时候报错 以下是报错信息 error eslint@5.8.0: The engine "node" is incompatible with this module. Expected version "^6.14.0 || ^8.10.0 || >=9.10.0". Got "9.3.0" error Found incompatible module. 解…

在运用ant design vue的table表格时，觉得行高间距有点大，通过检查发现是padding撑起来了，但是研究一段时间发现使用customRow属性的回调函数改变padding没有效果。 然后就可以选择最简单粗暴的直接修改对应的样式，通过检查找到行高样式的css，直接来个/deep/修改，成功了改变了padding压缩了行高。 //直接在style中添加样式 //这样使用会使得当前页面所…

项目场景： 技术场景：Vue2,iview 需求场景：公司项目要实现一个扫码枪录入条码，并在录入条码后动态播放一段音频。 问题描述 使用原生audio标签无法成功播放音频。 <div> <audio controls ref="audio"> <source src="./扫描成功.mp3" /> </audio> </div> 报错信息…

上手Vue3.0 ，用Vue-cli穿件项目4.5.4版本，可以直接搭建Vue3.0的 有个小活做个播放器，刚好可以花1天时间随便练手就选择了Vue3.0 ， 路由 import { createRouter, createWebHistory } from 'vue-router' const routes = [ { path: '/', name: 'Home', component: ()…