CoderYin的博客

Vue小知识点(日常更新)一、element-ui: this.$confirm确定框内容换行显示1、效果图2、推荐博客：地址：https://blog.youkuaiyun.com/weixin_43609391/article/details/84971430二、vue页面解析带HTML标签数据1、效果将数据中HT...

springboot+vue+elementui upload组件批量自动/手动上传图片到阿里云OSS一、vue upload上传组件1、自动上传介绍：当在浏览器打开图片选择弹出框，选中图片后点击确定按钮就会立刻上传。代码：<!-- html代码 --><el-upload class="upload-demo" accept="image/png,i...

vue给对象动态添加属性和值一、背景介绍：在vue中请求接口中，一个请求方法可能对应后台两个请求接口，所以请求参数就会有所不同。需要我们先设置共同的参数，然后根据条件动态添加参数属性。二、案例let that = this; let params = { "type":that.addQueTab...

vue $set 给数组集合对象赋值在vue自定义数组对象集合中，想要给每个数组对对象再添加一个属性和值。// data定义一个集合对象responseData:[ {'id':'1','name':'女装','price':115,'num':1,'pic':'../static/img/1.jpg'}, ...

Vue路由this.route.push跳转页面不刷新一、背景介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。案例：A页面：B页面：问题：当在A页面第一点击按钮到B页面时，一切正常，当返回到A页面再次点击按钮时，B页...

Vue设置全局变量以及Vuex值当页面刷新时数据清空一、src/api文件夹下新建globalVariable.js文件// 题库idconst questionBankId = '';// 题库名称const questionBankTitle = '';// 定义普通章节id或者模考章节部分idconst charpterIdx = '';// 题库类型，...

vue elementui el-form rules动态验证一、介绍简介：在使用elementUI el-form 中，对于业务不同的时候可能会产生不同表单结构，但是都是存在同一个表单控件el-form中。图片介绍：1、在用户选择单选或多选时会有A,B,C,D,E五个选项2、在用户选择简答题时只会题干，答案以及解析选项（主要是通过v...

vue配置多代理接口地址一、介绍随着微服务架构的流行，后台项目逐渐被拆分成不同的模块进行通信，但是前端还是只有一个项目所以在访问不同模块后台时，需要请求不同的地址，在vue项目中，通过配置代理可以进行后端服务器接口地址访问，当需要访问不同微服务的后端接口时就需要配置不同的地址。二、代码config/index.js文件中配置代理地址...

vue-03-5：vue自定义组件并在其他地方引用该组件一、自定义一个组件1、在src/components新建一个组件注意事项：a、新定义的组件一定要使用template标签包裹。b、每个自定义主键可能都有自己自定义的样式，如果不想该组件自定义样式被引入到其他页面破坏该页面的样式，在自定义组件的style标签中加入下面的属性lang="scss" scoped,注意要事先cn...

vue-03-4：vue封装方法到工具类参考博客：咸鱼最牛逼地址：https://blog.youkuaiyun.com/panchang199266?utm_source=feed一、步骤1、src目录下新建util文件夹2、新建storage.js文件3、编写localStorage设置、获取、删除缓存方法// 封装本地存储的方法var s...

vue-03-3：vue生命周期推荐博客地址：https://segmentfault.com/a/1190000008570622?utm_source=tag-newest一、简介：官网介绍：每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM...

vue-03-2：vue之缓存一、localStoragelocalStorage属性以及方法：代码介绍：（对象必须序列化才可以存入，解析也是如此）methods:{ getStorage(){ console.log(JSON.parse(localStorage.getItem('userInfo')));...

vue-03-1：vue获取修改值，方法传值以及时间对象参考博客：咸鱼最牛逼地址：https://blog.youkuaiyun.com/panchang199266?utm_source=feed一、获取/修改data定义数据1、案例介绍：<button @click="getInputValue">获取data里面的数据</button>...

vue-02：vue常见属性参考博客：咸鱼最牛逼地址：https://blog.youkuaiyun.com/panchang199266?utm_source=feed一、vue属性集合1、属性集合：v-bind、v-if、v-else-if、v-else、v-for、v-html、v-model、v-on、v-once、v-p...

Vue跨域以及几种vue axios传参问题前言：springboot和vue前后端分离项目，分别需要在不同的电脑上进行项目启动，所以在同一个无线网下，如果两个电脑之间不能ping成功那么没有前后端项目通信的基础，所以要保证两个电脑能够ping 成功。方式：设置电脑入站规则一、vue跨域问题1、跨域介绍：浏览器在发送ajax请求时发现请求的...

从零基础快速搭建vue项目参考博客：咸鱼最牛逼地址：https://blog.youkuaiyun.com/panchang199266?utm_source=feed一、环境搭建1、安装node.jsnode下载地址：https://nodejs.org/en/download/安装成功后在cmd输入node -v查...