
vue
包括 js、css、html、vue、elementui、nuxt、layui等前端知识
离阳光更近一点
如果看我博客遇到了什么问题,可以私信我,我看到就会回你们
展开
-
avue-crud done is not a function 报错问题解决
avue-crud报错解决解决方法:原先的改成解决思路:看过文档才知道,done占位第三,从一到四分别是row,index,done,loading对应文档:https://www.bookstack.cn/read/avue-2.x/391487d752fdf241.md原创 2022-06-17 15:17:32 · 887 阅读 · 0 评论 -
vue代码格式化
vue代码格式化1.格式化代码{ // "workbench.colorTheme": "Default High Contrast", //主题颜色 "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "editor.suggest.snippetsPreventQuickSuggestions": false, "editor.formatOnSave": true, // #值设置为tru原创 2022-05-07 11:18:17 · 2075 阅读 · 0 评论 -
vue使用vue2-editor富文本插件
简介:由于项目需要,需要在前端项目中加入富文本,而项目框架又是使用的使用步骤1.使用后vue2-editor组件 npm install vue2-editor2.编写相关代码<template> <div id="app"> <vue-editor id="editor" useCustomImageHandler @imageAdded="handleImageAdded" v-model="htmlForEditor"> </vue-edit原创 2021-02-22 14:11:51 · 2223 阅读 · 0 评论 -
this.$router.push的传参方式
1.由于我们的vue项目用的是nuxt框架,让我这个后端开发者踩足了坑,故此记录一下2.正题:this.$router.push传参有两种方式,一种是query方式,相当于get请求,请求体会暴露在请求栏中,一种是params方式,相当于后端的post请求,会把请求体封装起来①:query入参:this.$router.push({ path: '/seller-center/invoice-info', query: { id: row.原创 2021-02-03 18:08:13 · 6468 阅读 · 0 评论 -
el-tabs遍历数据展示对应内容
el-tabs遍历数据动态展示对应内容(以及vue其他实用方法)1.效果:代码如下 <el-tabs v-model="tabActiveName"> <el-tab-pane v-for="(item, index) in tabApplicationList" :key="index" :label="item.name"原创 2021-01-28 20:26:12 · 9171 阅读 · 0 评论 -
vue+elementui实现文件上传 详细版
vue+elementui上传文件1.上传文件代码以及解释<!--上传文件模板 --><template> <!--action:必传参数,上传的地址,类型为String headers:设置上传头部,类型为Object,一般为 Authorization: 'Bearer ' + Cookie.get('token'), 类型object multiple: 是否支持多选文件,true可以选多个,false只能选一个 类型boolean data:上传原创 2021-01-14 17:20:58 · 10549 阅读 · 2 评论 -
vue省市区 下拉框实现
vue省市区 下拉框实现1.效果如图选中省之后,再选择对应的市,再选择对应的区数据源js文件:码云:https://gitee.com/wyjpositive/mybatis-plus-demo/tree/master/src/main/resources/static我是把里面的json文件改成js引入对应的项目的中上代码:①:引入省市区jsimport jsonData from '@/assets/js/china_address.js'②:编写省市区的下拉框 <el-原创 2020-12-30 18:15:13 · 5129 阅读 · 21 评论 -
TypeError: _this2.dataList.push is not a function的解决Object.assign
1.场景:两个下一步,最后一个提交认证2.方式:写到一个页面中,然后根据状态值来区分哪一步3.定义一个dataList数组export default {components: {},data() {return {dataList: [],***此处省略}}}第一步赋值:this.dataList = this.form1第二步赋值this.dataList.push(this.form2)报错TypeError: _this2.dataList.push is no原创 2020-12-24 11:47:11 · 6425 阅读 · 4 评论 -
vue图片预览和点击放大
vue图片预览和点击放大1.效果一鼠标放在图片上会放大图片vue代码:<el-table-column prop="attachment" header-align="center" align="center" width="150px" label="图片"> <template slot-scope="sco原创 2020-12-04 19:00:32 · 1777 阅读 · 0 评论 -
vue页面跳转和传值
vue页面跳转和传值1.index.vue传值如下图,我有两个vue,一个index.vue,一个proc-info.vue,下面将会index.vue中引入proc-info.vue在index.vue 的script中引入 import procInfo from './proc-info.vue';然后在 exprot default中声明 export default { name: "Invoice", components: { UploadIm原创 2020-12-04 18:46:31 · 502 阅读 · 2 评论