2021-04-27

最新推荐文章于 2021-12-17 10:53:56 发布

今天也是努力的打工人

最新推荐文章于 2021-12-17 10:53:56 发布

阅读量92

点赞数

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/weixin_48092622/article/details/116212703

版权

笔记专栏收录该内容

4 篇文章

订阅专栏

这篇博客讨论了如何处理接口参数变化的情况，提出了一种公共方法来适应接口参数的增减。同时，介绍了在Vue中引入图片的三种方式，包括在data中声明、使用require导入和在生命周期函数中动态加载。此外，还展示了根据传入值改变图标的Tab切换实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

随手记录

如果接口传值，写了公共方法，但是又有接口多出来一个参数
可以：

getList("aaa ")
getList("bbb ")
//一个接口，传入参不一样，返回数据不一样。
//otherObjects接受 多余参数
getList("ccc "，“ddd”)
getList(categoryId,otherObject = {}) {
  let params = {...{categoryId},...otherObject}
  getList(params)

2.vue 引入图片的三种方式

<template>
<div>
<img  :src="imgUrl">
<div>
</template>

可以在data 数据里面

data(){
return {
imgUrl:"./asset/img.png"
}
}

直接将图片引入模块

require  imgUrl from "./asset/img.png"

也可在生命周期函数里一样定义，拼接即可

  let urlTemp = "assets/test.png";
  this.imgUrl = require("@/" + urlTemp)
``


//Tab切换 ，根据传值切换判断并改变图标
   activeTab(Val) {
      switch (Val) {
      // Val两种情况 all 或者mine
        case 'all':
        //图标随着改变，点击变红
          // this.allImg = require('../assets/_icon.png')
          // this.mineImg = require('  ')
          break
        case 'mine':
        //与上面all的情况相反
          break
        default:
        //正常不点击，一开始进入的图标
          this.allImg = require(" ")
          this.mineImg = require(" ")
      }
    }