logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue2中provide/inject的使用和响应式传值

文章目录前言一、基本用法二、响应式1.方法一:传递的参数用一个方法返回2.方法二:把需要传递的参数定义成一个对象总结前言官网概念:这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。一、基本用法在父组件中使用provide传值,在子组件中用inject接收。// 父组件data() {return {name: "卷儿"}

#vue.js
vue:等父组件中的接口执行完毕之后,再调用子组件的接口

文章目录前言一、首先来看一下vue父子组件的渲染顺序?二、解决办法1.v-if="flag"2.在子组件中设置监听器总结前言在项目中遇到的一个问题:在父组件中有一些接口调用完成之后,传到子组件中,子组件再根据父组件传过来的值进行其他接口的调用。但是在vue的父组件中接口还没有请求完,子组件已经渲染完成了,导致子组件的接口的传参不正确。一、首先来看一下vue父子组件的渲染顺序?1、挂载渲染的顺序父组

#vue.js
el-table-column嵌套el-table-column ,多级表头横向滚动的bug

elementUI的el-table组件,要做到的效果是:多级表头,前两大列固定,后面的列横向滚动。

#bug#vue.js#elementui
vue使用axios.interceptors.response响应拦截器。实现报错接口的重新加载,弹框报错点击按钮自动加载。

vue使用axios.interceptors.response响应拦截器。实现报错接口的重新加载,弹框报错点击按钮自动加载。axios.interceptors.response响应拦截器axios.interceptors.response.use(function (res) {//这里是响应成功执行的代码}, function axiosRetryInterceptor(err) {//这

#vue.js#javascript
【使用elementUI的el-upload实现上传文件的功能,上传文件不直接调接口,而是使用按钮提交】【文件上传接口的调用需要使用FormData()构造函数】

项目场景:点击按钮选择文件,然后再点击按钮上传文件(点击按钮的时候调用接口)。解决方法:action属性是必传值,选择完文件之后自动上传。这里需要把acion属性填成 #即:action=“#”使用element UI的 el-update 组件上传.xlsx文件。但是el-update默认是在选择文件的时候直接调用接口,我这边实际需求是,点击另外的按钮来向后台提交文件,调用接口。组件源代码:原因

#elementui#vue.js#javascript
怎样修改vue中的computed计算属性的值

**computed是计算出来的属性, 相当于计算结果, 所以我们不能直接对结果进行修改!**getter函数负责使用data中的数据, 但是注意 只能用, 不能改! 使用完后 记得将结果returndata() {return {options: [{a: 1}]}}computed {// 写法一: 函数形式的简写:objArr() { return this.options;}// 写法二:

暂无文章信息