Vue
craftsman2020
技术交流
展开
-
Vue2升级到Vue3及ElementUI升级到ElementPlus常见报错及修复办法
原因分析:在、、、等组件中使用了size=“mini"或者不在[”", “default”, “small”, “large”]范围内属性。解决办法:destroyed() 替换为unmounted (),beforeDestroy()替换为beforeUnmount。解决办法:将替换为解决办法:将tableStyle逻辑中返回的字符串修改为对象。原因分析:因使用了,methods返回字符串样式导致的报错。原因分析:因在中使用导致的报错。原创 2023-11-23 16:39:01 · 4071 阅读 · 0 评论 -
VUE3 TypeError: defineConfig is not a function
原因:由于用vue-cli直接创建了vue 3的项目,而里面的生态并非都是最新版,vue.config.js中的代码如下,使用了vue 3的语法。,一直yes,即可解决。原创 2023-11-07 17:10:54 · 3924 阅读 · 5 评论 -
vue设置页面标题title
vue设置页面标题title原创 2022-10-01 10:10:05 · 7555 阅读 · 0 评论 -
Linux 安装VUE环境|卸载nodejs
Linux安装VUE环境原创 2022-02-09 10:35:55 · 593 阅读 · 0 评论 -
vue.js table表格添加滚动条以及修改滚动条样式
vue.js table表格添加滚动条以及修改滚动条样式转载 2022-02-08 14:00:33 · 5795 阅读 · 1 评论 -
VUE|ElementUI el-upload实现文件上传|服务器交互
VUE|ElementUI el-upload实现文件上传|服务器交互原创 2022-02-07 22:13:59 · 2226 阅读 · 0 评论 -
VUE|el-table-column表格根据不同值,显示不同颜色
文章目录1. 代码2. 效果图vue前端|element|el-table-column表格颜色|根据内容设置表格颜色1. 代码<el-table-column prop="log" label="Diy Log" height="10" sortable min-width="690"> <template slot-scope="scope"> <div :style="{'color':scope.row.log.indexOf('E原创 2022-02-07 21:51:24 · 8734 阅读 · 0 评论 -
vUE|使用vue控制元素显示隐藏
使用vue控制元素显示隐藏HTML代码: <div title="意向价格" v-if="showPrise"></div> <div title="意向租金" v-show="showRentPrise"></div>JS代码: new Vue({ el: '#app', data: { showPrise:false, showRentPrise:false }原创 2021-07-11 22:59:52 · 2582 阅读 · 0 评论 -
vue|播放声音|音频文件
1. vue播放声音|代码示例其中有audio和audio1。打开网页,会通过mounted()自动播放audio的声音,audio1的声音是通过turnOn()和turnOff()来控制播放的。<template> <div> <audio id="audio"/> <audio id="audio1" src="../../../static/audio/alert.mp3"/> <el-row> <el-but原创 2021-05-23 22:58:14 · 1621 阅读 · 0 评论 -
vue|Element-ui| highlight-current-row如何改vue表格的高亮的背景颜色
从Element-ui官方网站上找到对于table表格的整行选中的效果如下:但是默认的这个整行选中背景颜色有点浅,如果想对其修改背景颜色,可以修改默认样式,如下:<style> .el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row>td { color: #fff; background-color原创 2021-05-21 20:51:57 · 3490 阅读 · 0 评论 -
vue |Element-ui| el-table组件的row-class-name、row-style、cell-class-name等属性样式无效问题
文章目录1. 问题描述2. 解决方案2.1 使用全局属性2.2 使用深度选择器/deep/ (css代码前加上 /deep/ 即可)2.3 全局属性,引用一个全局的css文件2.4 混合样式1. 问题描述vue项目中,需要给vue表格中的每一行加入自定义的样式,根据文档给组件加上row-class-name属性即可,直接加入该属性并且在当前vue组件中配置对应class发现样式并没有生效。2. 解决方案2.1 使用全局属性在elementUI中,row-class-name、row-style、c转载 2021-05-21 20:46:20 · 4204 阅读 · 0 评论 -
vue |Element-ui| 没有数据时el-table样式
文章目录1. 官方文档2. 更改提示文字并添加图片element-ui 官方提供了 table 组件暂无数据的样式信息,如果我们想要自定义暂无数据的样式信息时,那我们又该如何定义呢?1. 官方文档示例:<el-table :data="tableData" empty-text="没有信息"> .....</el-tale>2. 更改提示文字并添加图片我们可以在官方文档的基础上更进一步,加上图片。<template slot="empty">原创 2021-05-21 20:03:10 · 883 阅读 · 0 评论 -
vue改变<td>单元格颜色 Web 开发
{{item.a}}{{item.b}} items是后端传过来的数据,通过计算item.a和item.b的乘积大于1则对应单元格颜色为红色,小于1则为绿色。并将乘积的结果放到对应的单元格中。 {{item.a*item.b}}原创 2021-04-23 16:35:35 · 507 阅读 · 0 评论 -
VUE found 2790 vulnerabilities (1475 low, 42 moderate, 1272 high, 1 critical) run `npm audit fix` t
found 84 vulnerabilities (65 low, 7 moderate, 11 high, 1 critical) run `npm audit fix` to fix them, or `npm audit` for detailsvue使用时提示有漏洞,那么就是直接按照后面提示的命令npm audit fix 就可以解决之后会有报错npm ERR! code ELOCKVERIFYnpm ERR! Errors were found in your package-loc原创 2021-04-23 15:23:17 · 3562 阅读 · 0 评论 -
Vue1——安装及运用
1.安装node :https://nodejs.org/en/2.安装cnpm :npm install -g cnpm --registry=https://registry.npm.taobao.org3.安装webpack :npm install -g webpack4.安装vue-cli :npm install --global vue-cli5.创建项目:vue init webpack my-project6.安装项目依赖 :npm install (如果安装的是cnpm, 则运原创 2021-04-16 15:54:12 · 171 阅读 · 0 评论 -
vue+flask 跨域解决
vue+flask 跨域解决1. 问题vue+axios调取接口时出现:response to preflight request doesn’t pass access control check: no ‘access-control-allow-origin’ header is present on the requested resource查了是 跨域问题,找了各种办法,自己加头文件、nginx配置、修改vue config.js等均无效。。2. 临时解决chrome 扩展程序: A原创 2021-04-13 18:42:42 · 910 阅读 · 0 评论