![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
南玖i
这个作者很懒,什么都没留下…
展开
-
vue 容超出三行之后显示下拉箭头 (可适配富文本)
vue 容超出三行之后显示下拉箭头 (可适配富文本)原创 2022-12-08 16:30:33 · 1020 阅读 · 0 评论 -
vue 监听 sessionStorage 内容
vue 监听 sessionStorage 内容原创 2022-12-08 15:53:49 · 378 阅读 · 0 评论 -
vue 单页面 baseAxios.interceptors 怎么修改 vuex 的数据
vue 单页面 baseAxios.interceptors 怎么修改 vuex 的数据原创 2022-12-08 15:52:59 · 278 阅读 · 0 评论 -
vscode git commit 出现 ‘node‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
vscode git commit 出现 'node' 不是内部或外部命令,也不是可运行的程序 或批处理文件本项目是 vue3+ant1软件和环境变量都正常git 可以下载代码但是却不能提交 node版本也是存在的思考是不是又有提交的时git commit -m "init" --no-verify候有校验导致的,而验证的插件依赖于nodejs,因此尝试提交取消验证 添加--no-verify 成功...转载 2022-05-18 09:21:11 · 681 阅读 · 0 评论 -
vue封装axios之后请求接口携带localhost:8000 解决方案,超级简单 ~
http://localhost:8000/list/116.63.147.2:8080/api/product/pagination?pageNum=1&sizeNum=10页面配置之后出现两次前缀localhost:8000/ 116.63.147.2:8080而我们只需要 116.63.147.2:8080 就行看一下我们页面代码解决http后面需要加 // 两个斜杠...原创 2022-05-06 09:16:56 · 2468 阅读 · 0 评论 -
vue3.0 实现国际化标准语言,中英文切换,超级简单~
1.先安装npm install vue-i18n2.src下面新建一个language 文件下面新建一个 index.jsimport { createI18n } from 'vue-i18n'export default createI18n({ legacy: false, // 让 setup 函数可以通过 t 访问 globalInjection: true, // 让 template 可以像 vue2 那样使用 $t 来访问 locale: 'zh.原创 2022-04-20 17:10:22 · 3516 阅读 · 0 评论 -
vue3.0+ Ant Design Vue 创建项目,超级简单~
先确定下是不是3.0哦 ,下面的方式是3.0的方法,vue2.0的方法在官网https://www.antdv.com/docs/vue/introduce确定3.0需要打开main.js写法是import { createApp } from 'vue' 这样的 就是 3.0拉1.先引入npm install ant-design-vue --save2.安装好之后打开main.jsimport Antd from 'ant-design-vue';cre..原创 2022-04-20 10:21:15 · 1622 阅读 · 0 评论 -
vue前端实现导出,文字居中可修改样式哦(宽高等)如此简单~~
1.安装依赖npm install --save xlsx file-savernpm install --save xlsx-style2.哪个页面使用哪个页面引入import FileSaver from "file-saver";import XLSX2 from "xlsx";import XLSX from "xlsx-style";3.效果图(可以实现多表头,也可以实现单行表头)4.页面表格需要有id(element iview都可以) <T转载 2022-04-11 17:40:49 · 1745 阅读 · 2 评论 -
vue3项目报错,解决办法如此简单~~ vue-cli · Failed to download repo .。。
vue-cli · Failed to download repo vuejs-templates/wenpack: Response code 404 (Not Found)网络问题,重新尝试 哦耶!!!!!ps:我也是多次尝试原创 2022-03-29 13:53:14 · 1657 阅读 · 0 评论 -
vue项目中使用md5加密如此简单...
npm安装:1 npm install --save js-md5第二步:全局引用1 import md5 from 'js-md5';2 Vue.prototype.$md5 = md5;原创 2022-03-20 14:14:58 · 7329 阅读 · 2 评论 -
Delete `␍`eslint(prettier/prettier)解决办法如此简单
今天新建项目时发现内容后面全部有 ~ 这个黄色标记,并且提示Delete `␍`eslint(prettier/prettier),那么来看下如何解决(博主使用Vscode)把CRLF切换成LF 如果你本身就是LF 那么先切换到CRLF再去切换成LF即可...原创 2022-03-17 17:49:31 · 3738 阅读 · 1 评论 -
vue如何动态加载本地图片
大家好,我是前端队长Daotin,想要获取更多前端精彩内容,关注我(全网同名),解锁前端成长新姿势。以下正今天遇到一个在vue文件中引入本地图片的问题,于是有了这篇文章。通常,我们的一个img标签在html中是这么写的:<imgsrc="../images/demo.png">这种写法只能引用相对路径下的图片。不能使用绝对路径。使用绝对路径的话,这类资源将会直接被拷贝,而不会经过 webpack 的处理。如果src是变量的话,我们一般会在data中定一个变量s...转载 2022-01-25 12:56:06 · 7928 阅读 · 0 评论 -
IE适配问题
overflow:auto问题IE overflow:auto 会导致和 谷歌的高度不一样 外面加一个大的div 给div设置高度 不能单独放在最外层滚动条问题谷歌/* 设置滚动条的样式 */::-webkit-scrollbar {width:12px;}/* 滚动槽 */::-webkit-scrollbar-track {-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:10px;..原创 2022-01-13 16:21:36 · 291 阅读 · 0 评论 -
Echarts 修改X轴字体大小
axisLabel: { textStyle: { color: '#000', fontSize:30, } },axisLabel 哦!!!!!!!!!!他有几个属性长的很相似的原创 2022-01-13 16:14:46 · 4644 阅读 · 0 评论 -
el-checkbox TypeError: Cannot read property ‘length‘ of null
这个el-checkbox 对应的应该是数组,如果我们 v-model = list list= null这个list是null的话 就会报这个错 应该改成 list = []原创 2022-01-11 10:32:40 · 364 阅读 · 0 评论 -
动态给数组和对象添加键值对
js给数组内的每一个对象添加一个属性//给数组的每项添加相同的对象const arr = [ { arr1: 1, arr2: 2 }, { arr1: 3, arr2: 4 }, { arr1: 5, arr2: 6 }, { arr1: 7, arr2: 8 } ] for (const i in arr) { arr[i].arr3 = '5' } console.log(arr)//给数原创 2022-01-04 17:33:02 · 3366 阅读 · 0 评论 -
element组件点击复选框不选中问题
element组件点击复选框不选中问题问题复现点击却选不中(代码如下)<el-checkbox-group v-model="Form" :max="max" :min="min"> <el-checkbox v-for="(choice,index3) in data.choices" :key="index3" ></el-checkbox></el-checkbox-group>问题解析:如果ma...原创 2021-12-20 16:27:28 · 3548 阅读 · 0 评论 -
row-key is required
使用情况:table 折叠 type=‘expand’:expand-row-keys 使用时报错 解决办法:row-key='getRow' //添加此属性,二者需要配合使用methods里面添加方法getRow(row){ return row.id}解决成功...原创 2021-12-09 17:27:29 · 1793 阅读 · 0 评论 -
computed和watch的区别
computed:是计算属性的意思。computed是用来计算出一个值得 ,调用这个值不需要加括号。依赖自动缓存,如果依赖不变,computed就不会重新计算。 computed: { // 计算属性的 getter reversedMessage: function () { // `this` 指向 vm 实例 return this.message } }watch:watch就是监听/侦听的意思。是有一个fun字段,表示在第一次渲原创 2021-12-02 11:12:31 · 486 阅读 · 0 评论 -
vue清空页面所有数据,this.$options.data()重置组件data
我们写页面的时候会遇到data中有很多数据,如果单独清空某个数组或者对象的话this.array = [] //数组清空方式for(let i in object){ object[i] = '' //清空对象的方式}那么如果要重置组件data内部的所有数据呢,一个一个清除很麻烦,可以使用下面这种方式Object.assign(this.$data, this.$options.data();如果你再data中获取了router的传值:this.$route.原创 2021-12-01 17:50:19 · 5263 阅读 · 0 评论 -
前端发送请求到后端报400错误问题
一般情况下,前端发送请求到后端,报400是由于前后端json对象中的属性名与后端接收请求的实体类的属性名不对应(完全相同)引起的。排除400错误的方法如下:1、前端发送的属性名和后端实体类的属性名不对应解决方法:检查前端发送的Json对象中的属性名与后端接收请求参数的实体类对象的属性名是否对应(名称必须相同),前端发送的JSON对象的属性值后端实体类的属性中必须有,也就是说前端发送的JSON对象中的属性后端接收的实体类中必须要包含JSON对象中的所有属性,也就是说实体类中的属性可以比JSON中属性多原创 2021-11-25 10:49:22 · 2145 阅读 · 0 评论 -
vue+sj实现页面div拖动
<template > <div> <div id="div" @mousedown="move"> </div> </div></template><script>export default { methods:{ move(e){ //e.target 获取当前元素 let oDiv = e.target; console.log('oD.原创 2021-11-02 10:30:18 · 111 阅读 · 0 评论 -
element文本域 type=“textarea“ 如何实现高度自适应
element默认的本文域设置最大高度之后超出显示滚动条,但是我们有一些情况下不需要显示滚动条,下面写一下vue2版本的解决办法,稍后出vue3(vue3下也可以使用vue2的写法)首先安装jquerynpm install jquery --save哪个页面引用的话(直接引用即可)import $ from 'jquery'<template> <el-input v-model="textarea" :rows="2" ...原创 2021-10-09 15:19:30 · 2785 阅读 · 0 评论 -
vue报错 Object(...)is not a funtion
Object(...) is not a function表示的就是这个对象不是一个函数的意思,这时候我们就要好好检查一下如下细节:1、函数命名是否是错误的2、当前界面调用别的引用文件的时候大小写是不是写错了3. 先去看你用的这个方法是不是一个promise对象,不是promise的话不能.then !! http.post或者http.get都是promise对象重点:如果不知道如何看的话,直接console.log()一下这个方法就可以知道是否为promise对象如:...原创 2021-09-14 10:06:52 · 17869 阅读 · 0 评论 -
element实现动态树型表格(替换图标)
先看效果图<template><div> <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}"> <el.原创 2021-09-01 19:38:42 · 1914 阅读 · 2 评论 -
表格内容不自动换行,超出的以...显示,鼠标悬浮在上面,在该列上弹出框显示
先看展示效果,内容超出...显示,鼠标悬浮显示所有内容 <el-table-column prop="address" label="地址" show-overflow-tooltip> </el-table-column>代码直接添加show-overflow-tooltip即可,超出自己设定的宽度,即可隐藏...原创 2021-08-30 11:16:32 · 711 阅读 · 1 评论 -
vue中http地址img无法显示问题
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic3.16pic.com%2F00%2F34%2F99%2F16pic_3499409_b.jpg&refer=http%3A%2F%2Fpic3.16pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632538892&t=2e.原创 2021-08-26 12:01:30 · 2399 阅读 · 1 评论 -
empty block statement 报错解决
empty block statement 这个错误是因为vue严格模式,vscode不会直接报红线,空格和空行,都会导致这个问题,如果写了if然后{}是空的也是这个错误原创 2021-08-16 17:24:03 · 6314 阅读 · 0 评论 -
echarts添加图例,修改图例颜色
echarts添加图例legend textStyle修改图例文字颜色 legend: { data:['临停车','月租车','免费车','储值车','军警车'], left:'center', bottom:'10%', itemWidth:10,//图例的宽度 itemHeight:10,//图例的高度 textStyle:{//图例文字的样式 color:'#c...原创 2021-08-12 14:52:18 · 1703 阅读 · 0 评论 -
vue 组件传值
首先定义两个页面son 子页面<template> <div class="about"> </div></template><script>export default { name: 'Son', data() { return { message: '我是儿子组件内部的内容', }; }, mounted() { this.$emit('son', this.mes.原创 2021-07-15 20:16:58 · 64 阅读 · 1 评论 -
v-model之到底属于观察者模式还是订阅者模式
说到双向数据绑定,就先用js来实现一个绑定<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body> <div id="myapp"> <input v-model="message"/><br> <span v-bind="message"></spa.原创 2021-07-10 15:15:48 · 268 阅读 · 1 评论 -
前端框架view UI(iview) table表格增删改查 导入导出
一、前言线上体验:http://121.43.41.227:8080/源码地址:https://pan.baidu.com/s/1_jjCQAb9TjAp1F7ZcNoaxw提取码:6666参考过的文章:https://blog.csdn.net/qq_38225558/article/details/90582316https://www.cnblogs.com/LinWenQiang/p/11876822.html二、前置条件使用 npm 来安装 ...转载 2021-07-05 17:56:55 · 1442 阅读 · 2 评论 -
Element动态生成表格以及表格内容无缝滚动
直接进入主题1.页面引入组件,新建vue文件test.vue,引入表格组件,传入表格相关内容以及表格数据,内容如下https://blog.csdn.net/qq_42166078/article/details/115768812原创 2021-06-25 10:45:36 · 923 阅读 · 0 评论 -
vue+element(表头不动,内容滚动,附带改变某个单元格背景颜色)
有单独看改变单元格背景的小伙伴直接看下面组件页面<template> <div> <el-table :data="newData" border :cell-style="cellStyle" align="center" size="mini" stripe id="dbM"> <el-table-column原创 2021-06-25 10:39:17 · 1210 阅读 · 1 评论 -
VUE PC端适配方案flexible(pc端文字自适应)
npm i lib-flexible --save-devmain.js中引入import 'lib-flexible'node_modules中找到文件修改第69行代码为下面代码(即可适配pc端口,使用的时候单位用rem) function refreshRem(){ var width = docEl.getBoundingClientRect().width; if (width / dpr > 540) { width =.原创 2021-06-15 14:24:06 · 2316 阅读 · 2 评论 -
打包之后怎么统一配置后台ip
封装axios可以看我前一篇文章https://blog.csdn.net/m0_49789433/article/details/117231209这里写的是打包之后怎么统一配置后台ip(vuevli3)public下面新建一个config.jsconfig.jswindow.g = { ApiUrl: 'http://192.168.5.240/8080',}替换之前ip(这个是上个文章讲到的封装的ip文件)import axios from 'axios'// 创原创 2021-05-24 20:23:40 · 446 阅读 · 0 评论 -
简单封装axios统一管理后台地址
src下面新建一个utils文件夹,里面新建一个request.js文件request.js:import axios from 'axios'// 创建axios对象const service = axios.create({ baseURL: http//:192.168.5.220:8080, // 请求接口的域名 timeout: 8081 // 请求的超时})// 添加响应拦截器service.interceptors.response.use( response原创 2021-05-24 20:15:39 · 330 阅读 · 2 评论 -
动态表格(父子传值实现动态表格)
组件页面<template> <div> <el-table :data="this.tableData" height="400px" max-height="400px" size="small" row-class-name="row" cell-class-name="column" stripe :highlight-curre原创 2021-05-19 18:54:38 · 334 阅读 · 0 评论 -
根据屏幕大小内容自适应大小(不是响应式)
根据屏幕百分百自动缩放内容(直接调用方法即可,我是在vue里面mounted调用的) autoSize: function () { // 自适应缩放比例 let html = document.getElementsByTagName('html')[0]; let width = 1600; let height = width * html.clientHeight / html.clientWidth; let zoom = html.c原创 2021-05-19 18:38:02 · 203 阅读 · 1 评论 -
后台传回时间戳,表格显示正常时间
后台传回时间戳,表格内部转换(方法内部写) for (let item of res.data.list) { item.lockTimestamp = $this.timestampToTime(item.lockTimestamp) }timestampToTime (timestamp) { var date = new Date(timestamp * 1000) // 时间戳为10位需*1000,时间戳为13位的话不需乘1000原创 2021-05-19 15:49:48 · 166 阅读 · 0 评论