【笔记】实战mpvue2.0多端小程序框架——图书详情

最新推荐文章于 2023-07-13 15:57:14 发布
最新推荐文章于 2023-07-13 15:57:14 发布
阅读量403 收藏 2
点赞数 1
分类专栏： 【笔记】实战mpvue2.0多端小程序框架 文章标签： mpvue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32682301/article/details/106081446
版权

文章目录

图书详情 | 「小慕读书」官网

一、学习重点

  • van-rate 组件的使用（查看官方文档）
  • API对接：
    • 图书详情API
    • 评分API
    • 目录API
    • 加入书架API
    • 移出书架API
  • 微信小程序API：

二、图书详情视觉稿

http://www.youbaobao.xyz/mpvue-design/preview/#artboard9

三、搜索页面组件结构图

detail

四、搜索页面组件示意图

detail
新建src\pages\detail\detail.vue

<template>
  <div>
  </div>
</template>

<script>
export default {
  components: {},
  computed: {
  },
  data() {
    return {
    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
</style>

新建src\pages\detail\main.js

import Vue from 'vue'
import App from './detail'

const app = new Vue(App)
app.$mount()

新建src\pages\detail\main.json

{
  "navigationBarTitleText": "图书详情"
}

在src\pages\index\index.vue中为HomeCard绑定点击事件并完善事件内容：

<HomeCard
  :data="homeCard"
  @onClick="onHomeBookClick"
/>

onHomeBookClick(book) {
  this.$router.push({
    path: '/pages/detail/main',
    query: {
      fileName: book.fileName
    }
  })
}

为src\components\home\HomeCard.vue组件中的onBookClick事件新加传递参数（部分属性省略）：

<div class="book-info">
  <div class="book-wrapper">
    <div class="book-img-wrapper" @click="onBookClick(item)">

onBookClick(item) {
  this.$emit('onClick', item)
},

同理，也为src\components\home\HomeBook.vue组件中的onBookClick事件新加传递参数（部分属性省略）：

<div class="home-book-content">
  <div class="home-book-row">
    <div class="home-book-col">
      <div class="book-wrapper" @click="onBookClick(book)">

    onBookClick(book) {
      this.$emit('onBookClick', book)
    }

五、图书信息组件

图书详情中的图书信息组件

组件名称属性参数用途默认值
DetailBookpropsbook图书信息{}

新建src\components\detail\DetailBook.vue：

<template>
  <div class="detail-info">
    <div class="detail-info-l">
      <div class="book-img">
        <ImageView :src="book && book.cover"></ImageView>
      </div>
    </div>
    <div class="detail-info-r">
      <div class="book-title">{{(book && book.title) || ''}}</div>
      <div class="book-author">{{(book && book.author) || ''}}</div>
      <div class="book-category">{{(book && book.categoryText) || ''}}</div>
    </div>
  </div>
</template>

<script>
  import ImageView from '../base/ImageView'
  export default {
    components: { ImageView },
    props: {
      book: Object
    }
  }
</script>

<style lang="scss" scoped>
  .detail-info {
    display: flex;
    padding: 10px 15px;

    .detail-info-l {
      padding-right: 15px;

      .book-img {
        width: 100px;
      }
    }

    .detail-info-r {
      flex: 1;
      overflow: hidden;

      .book-title {
        font-size: 18px;
        line-height: 22px;
        max-height: 66px;
        font-weight: 500;
        overflow: hidden;
        color: #000;
        text-overflow: clip;
      }

      .book-author {
        margin-top: 10px;
        font-size: 16px;
        line-height: 18px;
        max-height: 36px;
        overflow: hidden;
        color: #333;
        text-overflow: clip;
      }

      .book-category {
        margin-top: 10px;
        font-size: 14px;
        line-height: 16px;
        max-height: 16px;
        overflow: hidden;
        color: #666;
        text-overflow: clip;
      }
    }
  }
</style>

在src\pages\detail\detail.vue中引入DetailBook，接下来对接图书详情API
在src\api\index.js中新建一个接口函数bookDetail：

export function bookDetail(params) {
  return get(`${API_URL}/book/detail`, params)
}

修改src\pages\detail\detail.vue为如下：

<template>
  <div>
    <DetailBook :book="book"/>
  </div>
</template>

<script>
import DetailBook from '../../components/detail/DetailBook'
import {getStorageSync} from '../../api/wechat'
import {bookDetail} from '../../api'
export default {
  components: {DetailBook},
  computed: {
  },
  data() {
    return {
      book: {}
    }
  },
  mounted() {
    const openId = getStorageSync('openId')
    const { fileName } = this.$route.query
    // 在页面加载时获取图书信息并展示
    if (openId && fileName) {
      bookDetail({ openId, fileName }).then(res => {
        this.book = res.data.data
      })
    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
</style>

预览：
在这里插入图片描述

六、图书统计组件

显示图书的统计信息

组件名称属性参数用途默认值
DetailStatpropsreaders读者信息[]
readerNum阅读人数0
rankNum评分人数0
rankAvg平均得分0

在src\app.json中引入组件van-rate

  "usingComponents": {
  	...
    "van-rate": "vant-weapp/dist/rate/index"
  }

新建src\components\detail\DetailStat.vue：

<template>
  <div class="detail-stat">
    <div class="detail-stat-l">
      <div class="detail-stat-rate-wrapper">
        <span class="detail-stat-rate">{{rankAvg}}</span>
        <van-rate
          :value="rankAvg"
          :size="16"
          color="#717882"
          void-color="#DEE0E2"
          void-icon="star"
        ></van-rate>
      </div>
      <div class="detail-stat-rate-hint">{{rankNum}}人点评</div>
    </div>
    <div class="detail-stat-r">
      <div class="detail-stat-num-wrapper">
        <span class="detail-stat-num">{{readerNum}}</span>
        次访问
      </div>
      <div class="detail-stat-readers">
        <div
          class="detail-stat-readers-avatar"
          v-for="(reader, index) in readers"
          :key="index"
        >
          <ImageView
            :src="reader.avatarUrl"
            mode="scaleToFill"
            height="100%"
            round
          ></ImageView>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import ImageView from '../base/ImageView'
  export default {
    components: { ImageView },
    props: {
      readers: Array,
      readerNum: Number,
      rankNum: Number,
      rankAvg: Number
    }
  }
</script>

<style lang="scss" scoped>
  .detail-stat {
    display: flex;
    padding: 10px 15px;

    .detail-stat-l {
      flex: 0 0 50%;
      width: 50%;

      .detail-stat-rate-wrapper {
        display: flex;
        align-items: center;

        .detail-stat-rate {
          font-size: 24px;
          color: #5E5E5E;
          margin-right: 10px;
        }
      }

      .detail-stat-rate-hint {
        margin-top: 5px;
        font-size: 11px;
        color: #99A0AA;
      }
    }

    .detail-stat-r {
      flex: 0 0 50%;
      width: 50%;

      .detail-stat-num-wrapper {
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #868686;

        .detail-stat-num {
          font-size: 24px;
          color: #5E5E5E;
          margin-right: 5px;
        }
      }

      .detail-stat-readers {
        display: flex;
        font-size: 12px;
        color: #909090;

        .detail-stat-readers-avatar {
          width: 25px;
          height: 25px;
          margin-left: -8px;
          border-radius: 50%;
          border: 1px solid #ccc;
          box-shadow: 0 4px 4px rgba(0, 0, 0, .3);

          &:first-child {
            margin-left: 0;
          }
        }
      }
    }
  }
</style>

在src\pages\detail\detail.vue中引入组件并配置相关参数：

    <DetailStat
      :readers="book.readers"
      :readerNum="book.readerNum"
      :rankNum="book.rankNum"
      :rankAvg="book.rankAvg"
    />

预览：
在这里插入图片描述

七、图书评分组件

图书评分组件

组件名称属性参数用途默认值
DetailRatepropsrateValue上次评分0
methodsonRateChange评分更改时触发事件(空)

新建src\components\detail\DetailRate.vue：

<template>
  <div class="detail-rate">
    <span class="detail-rate-text">轻点评分</span>
    <div class="detail-rate-wrapper">
      <van-rate
        :value="rateValue"
        :size="25"
        color="#1D89EE"
        void-color="#DEE0E2"
        void-icon="star"
        @change="onRateChange"
      ></van-rate>
    </div>
  </div>
</template>

<script>
  export default {
    props: {
      rateValue: Number
    },
    methods: {
      onRateChange(e) {
        this.$emit('onRateChange', e.mp.detail)
      }
    }
  }
</script>

<style lang="scss" scoped>
  .detail-rate {
    display: flex;
    padding: 10px 0;
    margin: 0 15px;
    align-items: center;
    border-bottom: 1px solid #EBEBEB;

    .detail-rate-text {
      font-size: 14px;
      color: #909090;
    }

    .detail-rate-wrapper {
      flex: 1;
      text-align: right;
    }
  }
</style>

将mounted里面的内容封装成一个方法，并在mounted中调用：

  mounted() {
    this.getBookDetail()
  },
  methods: {
  	...
    getBookDetail() {
      const openId = getStorageSync('openId')
      const { fileName } = this.$route.query
      // 在页面加载时获取图书信息并展示
      if (openId && fileName) {
        bookDetail({ openId, fileName }).then(res => {
          this.book = res.data.data
        })
      }
    }
  }

在src\api\index.js中新建一个接口函数bookRankSave：

export function bookRankSave(params) {
  return get(`${API_URL}/book/rank/save`, params)
}

在src\pages\detail\detail.vue中引入组件并配置相关参数：

    <DetailRate
      :rateValue="book.rateValue"
      @onRateChange="onRateChange"
    />

    onRateChange(value) {
      const openId = getStorageSync('openId')
      const { fileName } = this.$route.query
      bookRankSave({ openId, fileName, rank: value }).then(() => {
        // 评分完成后重新拉取图书信息（总评分会发生改变）
        this.getBookDetail()
      })
    },

预览：
在这里插入图片描述

八、图书目录组件

显示图书目录

组件名称属性参数用途默认值
DetailContentspropscontents图书目录信息[]
methodsreadBook阅读电子书(空)

新建src\components\detail\DetailContents.vue：

<template>
  <div class="detail-contents-wrapper">
<!--不知为啥：上面添加 v-if="!contents"就会不显示-->
<!--    {{!!contents}}这个的值竟然是false-->
    <div class="detail-contents-title">目录</div>
    <div
      class="detail-contents"
      v-for="(item, index) in contents"
      :key="index"
      @click="() => readBook(item.href)"
    >
      <div
        class="detail-contents-label"
        :style="{marginLeft: (15 * item.level) + 'px'}"
      >
        {{item.label}}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    contents: Array
  },
  methods: {
    readBook(nav) {
      this.$emit('readBook', nav)
    }
  }
}
</script>

<style lang="scss" scoped>
  .detail-contents-wrapper {
    padding: 0 0 60px 15px;
    margin-top: 15px;

    .detail-contents-title {
      font-size: 22px;
      color: #333333;
    }

    .detail-contents {
      padding: 20px 15px 20px 0;
      border-bottom: 1px solid #EBEBEB;

      &:last-child {
        border-bottom: none;
      }

      .detail-contents-label {
        font-size: 15px;
        color: #868686;
        line-height: 18px;
        max-height: 18px;
        text-overflow: ellipsis;
        overflow: hidden;
      }
    }
  }
</style>

在src\api\index.js中新建一个接口函数bookContents：

export function bookContents(params) {
  return get(`${API_URL}/book/contents`, params)
}

在src\pages\detail\detail.vue中引入组件并配置相关参数：

    <DetailContents
      :contents="contents"
      @readBook="readBook"
    />

    readBook(href) {
      console.log(href)
    }

在data中新增contents: []用来存放图书目录信息并使用如下方法来调用接口获取图书目录：

    getBookContents() {
      const { fileName } = this.$route.query
      if (fileName) {
        bookContents({ fileName }).then(res => {
          this.contents = res.data.data
        })
      }
    },

这个方法和this.getBookDetail()一起在页面加载时直接调用：

  mounted() {
    this.getBookDetail()
    this.getBookContents()
  },

预览：
在这里插入图片描述

九、图书详情页脚组件

图书详情页脚组件

组件名称属性参数用途默认值
DetailBottompropsisInShelf是否在书架中[]
methodshandleShelf修改书架状态(空)
readBook阅读电子书(空)

新建src\components\detail\DetailBottom.vue：

<template>
  <div class="detail-bottom">
    <div class="detail-btn-wrapper">
      <van-button
        :custom-class="isInShelf ? 'detail-btn-remove' : 'detail-btn-shelf'"
        round
        @click="handleShelf"
      >
        {{isInShelf ? '移出书架' : '加入书架'}}
      </van-button>
    </div>
    <div class="detail-btn-wrapper">
      <van-button
        custom-class="detail-btn-read"
        round
        @click="() => readBook()"
      >
        阅读
      </van-button>
    </div>
  </div>
</template>

<script>
  export default {
    props: {
      isInShelf: Boolean
    },
    methods: {
      handleShelf() {
        this.$emit('handleShelf')
      },
      readBook() {
        this.$emit('readBook')
      }
    }
  }
</script>

<style lang="scss" scoped>
  .detail-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-top: 1px solid #eee;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.1);

    .detail-btn-wrapper {
      flex: 1;
    }
  }
</style>

<style lang="scss">
  .detail-bottom {
    .detail-btn-read {
      width: 100%;
      border: none;
      color: #fff;
      background: #1EA3F5;
      margin-left: 7.5px;
    }

    .detail-btn-shelf {
      width: 100%;
      color: #1EA3F5;
      background: #fff;
      border: 1px solid #1EA3F5;
      margin-right: 7.5px;
    }

    .detail-btn-remove {
      width: 100%;
      color: #F96128;
      background: rgba(255, 175, 155, .3);
      border: 1px solid #FFAF9B;
      margin-right: 7.5px;
    }
  }
</style>

在src\api\index.js中新建一个接口函数bookIsInShelf，用来获取书架上是否有这本书：

export function bookIsInShelf(params) {
  return get(`${API_URL}/book/shelf/get`, params)
}

在src\pages\detail\detail.vue中引入组件并配置相关参数：

    <DetailBottom
      :isInShelf="isInShelf"
    />

在data中新增isInShelf: false用来判断书架上是否有这本书并使用如下方法来调用接口获取这个状态：

	getBookIsInShelf() {
      const openId = getStorageSync('openId')
      const { fileName } = this.$route.query
      if (openId && fileName) {
        bookIsInShelf({ openId, fileName }).then(res => {
          const { data } = res.data
          data.length === 0 ? this.isInShelf = false : this.isInShelf = true
        })
      }
    }

这个方法也是要在页面加载时直接调用：

  mounted() {
    this.getBookDetail()
    this.getBookContents()
    this.getBookIsInShelf()
  },

预览：
在这里插入图片描述
在src\api\index.js中新建一个接口函数bookShelfSave，用来将图书加入书架：

export function bookShelfSave(params) {
  return get(`${API_URL}/book/shelf/save`, {
    shelf: JSON.stringify(params)
  })
}

为DetailBottom组件新增加入书架的方法handleShelf：

    <DetailBottom
      :isInShelf="isInShelf"
      @handleShelf="handleShelf"
    />

    handleShelf() {
      if (!this.isInShelf) {
        const openId = getStorageSync('openId')
        const { fileName } = this.$route.query
        bookShelfSave({openId, fileName}).then(res => {
          // 重新获取加入书架的状态
          this.getBookIsInShelf()
        })
      }
    }

预览：
在这里插入图片描述

这块儿我遇到了一个问题：同这位好友描述：van-button 点击事件不生效_实战问答
暂未解决。。。

在src\api\index.js中新建一个接口函数bookShelfRemove，用来将图书移出书架：

export function bookShelfRemove(params) {
  return get(`${API_URL}/book/shelf/remove`, {
    shelf: JSON.stringify(params)
  })
}

在handleShelf中添加，图书移除操作

	handleShelf() {
      console.log('加入书架la')
      const openId = getStorageSync('openId')
      const { fileName } = this.$route.query
      if (!this.isInShelf) {
        bookShelfSave({ openId, fileName }).then(this.getBookIsInShelf)
      } else {
        const that = this
        mpvue.showModal({
          title: '提示',
          content: `是否确认将《${this.book.title}》移出书架`,
          success(res) {
            if (res.confirm) {
              bookShelfRemove({ openId, fileName }).then(that.getBookIsInShelf)
            }
          }
        })
      }
    }

预览：
在这里插入图片描述

相关接口文档：

程序边界
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
开发笔记：使用 mpvue 开发斗图小程序
03-29
之前用过 wepy 框架写了个小程序 GitHub - yshkk/shanbay-mina: 基于 wepy 框架的 “扇贝阅读” 微信小程序 ，感觉写法上类似 vue，但不那么彻底。现在美团点评发布的 mpvue 支持开发者可以用 vue 的语法开发...
@小程序vant-rate星级评价Button多选功能实现
weixin_41559579的博客
12-18 1807
效果图 wxml 部分 <view class="nav_box"> <view class="rate"> <van-rate name="rate_value" value="{{ value }}" size="{{ 25 }}" color="#FFD21E" void-color="#eee" void-icon="star" bind:change="onChange" touchable /> <view cla
小程序中使用第三方UI组件-VANT
tdjqqq的博客
12-11 715
看了几天的小程序文档，大体上有所了解了，如果你想快速学习小程序，最好有vue.js的功底，且至少了解一些框架原理，或者VUE很熟练才会快速吸收，否则还是有些迷糊。 琢磨了几天，开始动手创建自己的页面，今天尝试着把vant ui接入进来，前两天一直是按照官方文档操作，结果失败，结果今天突然构建成功了，所以分享出来，大佬请绕行。 小程序不像VUE，可以通过npm来安装第三方组件，所以需要【构建NPM】，所谓的构建NPM，我的理解就是把生产的文件，转成小程序自己的文件，初期没啥经验，只能照猫画虎，步骤如下：
微信小程序的vant rate组件半星展示颜色不正确，分数动态设置
qq_44559185的博客
10-27 532
【代码】微信小程序的vant rate组件半星展示颜色不正确，分数动态设置。
【笔记】实战mpvue2.0多端小程序框架——首页开发（下）
程序边界
05-04 475
文章目录一、首页API对接1.新建src\api\index.js2.在src\pages\index\index.vue创建getHomeData方法3.初始化首页用到的数据4.修改src\utils\request.js中的get方法5.解构请求回来的数据二、搜索和图书卡片组件数据对接1.向src\pages\index\index.vue的HomeCard传入数据2.修改src\compon...
【笔记】实战mpvue2.0多端小程序框架——用户授权
程序边界
05-05 593
文章目录一、用户授权流程1.用户授权判断2.用户申请授权3.获取用户信息4.获取openId5.用户登录6.用户注册二、授权组件 用户授权 | 「小慕读书」官网 一、用户授权流程 1.用户授权判断 通过mpvue.getSetting判断小程序是否获得权限 查看官方文档：wx.getSetting(Object object) | 微信开放文档 2.用户申请授权 如果小程序未获得授权...
微信小程序——云笔记（截图+源码）.zip
05-05
微信小程序——云笔记（截图+源码）.zip 微信小程序——云笔记（截图+源码）.zip 微信小程序——云笔记（截图+源码）.zip 微信小程序——云笔记（截图+源码）.zip 微信小程序——云笔记（截图+源码）.zip 微信小程序...
小程序源码反编译实战笔记
03-29
要拿到小程序在手机上的源码包，需要有一台越狱的iphone或者一台拥有root权限的android机，正好我手里有一台闲置的小米4，就拿来用了，试过很多种方式给小米4root，差点搞成板砖机，一直在recorvy模式启动不了，最后...
Nodejs框架+uniapp前端微商个人相册多端小程序源码.zip
10-29
Nodejs框架+uniapp前端微商个人相册多端小程序源码 带安装教程 微商个人相册多端小程序源码，用于个人相册展示，适合微商，有客服联系，无需后台管理系统，小程序上直接进行管理，没有登录账号只拥有查看功能。 ...
微信小程序wepy框架笔记小结
10-18
主要介绍了微信小程序wepy框架笔记小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue通用后台管理系统（三）
weixin_45835813的博客
07-13 996
要实现面包屑的功能：当点击商品管理时，顶部出现面包屑，同时在下面的内容区出现tag（当前的tag标签是一个高亮显示）功能：可以通过点击面包屑实现路由的切换 （同时tag高亮显示）、点击tag时也要实现路由的切换-----tag和面包屑需要相互联动 、数据同步（组件通信）tag属于公共部分--main.vue中tag包含的功能：默认显示首页的tag；点击左侧菜单时会新增一个tag；点击tag时会引起页面路由的一个跳转；点击tag关闭的时候，点击的tag会被删除，同时其对应的面包屑也会删除；
vue+Element UI 实现一行 card 列表左右切换轮播
weixin_45970617的博客
12-05 7628
vue+Element UI 实现一个 card 列表左右点击切换轮播 前言： 基于项目内的一个需求,需要在首页展示一些素材列表,列表内是每一个素材卡片,素材列表在一行显示,且一行最多显示5个卡片,当卡片多与五个时候会出现左右箭头,点击箭头可将卡片列表左右移动,类似于轮播图,区别就是轮播图每次只能看到一张,而这个例子一次最多能看到5张 element UI 组件库内没有相关了组件,只有Carousel 走马灯,但是不符合要求,开始想过用数组,但是这样无法实现过度效果,网上也没搜到相关的例子,那就自己动手吧,
【微信实战】vant的使用
qq_44654974的博客
08-07 1167
大家好，我是一名计算机软件工程专业的大三学生，由于转专业计算机基础还比较薄弱，正在努力学习，弥补自我中，奋斗目标大三进大厂实习；目前学习的语言有C\C++、JAVA以及前端基础，会一点Python、微信小程序。后面会学习IOS以及andriod，主攻IOS，欢迎志同道合的朋友私聊，探讨学习，QQ：674619459。 一、引言        前天尝试做了一些微信小程序，界面和与SSM通信基本上完成了，但是做完之后发现界面及其丑陋，作为.
vant ui 在vue中的安装和使用
weixin_30896511的博客
10-26 698
vant中文github地址：https://github.com/youzan/vant/blob/HEAD/README.zh-CN.md api：https://youzan.github.io/vant/#/zh-CN/pull-refresh 一、安装vant npm install vant --save-dev 二、第一种方法：全局引入vant的（...
电子书上传
雪急飞绪博客
11-19 1470
创建上传页面组件 在前端目录，新建 src\views\book\components\Detail.vue <template> <div>isEdit:{{ isEdit }}</div> </template> <script> export default { name: 'Detail', props: { isEdit: Boolean } } </script> <style lang="
vant中van-icon使用自定义图标简单粗暴
热门推荐
weixin_42565137的博客
07-15 5万+
图标库是iconfont，这里面的图标够用了吧 一.新建项目 二.选择喜欢的图标，加入购物车，再添加到项目 三.生成代码 四.将链接粘贴到地址栏，将css内容复制到icon.css 五.在App.vue进行全局引用 六.在相应组件使用van-icon，iconfont类是必须要有的，不同的图标就是不同的percy-icon-xxxx ...
微信开发者工具 [ app.json 文件内容错误] app.json: [“usingComponents“][“van-rate“]: “@vant/weapp/rate/index“ 未找到
qq_19716069的博客
01-09 3963
微信开发者工具，报错：[ app.json 文件内容错误] app.json: ["usingComponents"]["van-rate"]: "@vant/weapp/rate/index" 未找到
Vue.js火速上手第五章—— v-model指令及其修饰符
tangdaren2的博客
06-11 368
一、v-model.lazy修饰符 <div id="app"> <input type="text" v-model.lazy="name"/><br> <pre>{{name}}</pre> </div> var app=new Vue({ el: '#app', data:{ name:'赵四', }, }); 初始效果： 修改后，点击空白处之前： 点击空白处之后： 二、v-mo.
微信小程序，星星评分，如何修改数组的值，函数传参
m0_55546349的博客
08-10 734
微信小程序——如何修改数组的值 data: { // value:3, list:[{index:0,title:"短驳司机：", name:"张三丰", value:"",standard:""}, {index:1, title:"站点服务：",name:"北京西站", value:"",standard:""}, { index:2, title:"物流服务：", name:"", value:"",standard:""},] }, methods: {
笔记本电脑USB2.0测试
最新发布
11-22
根据提供的引用内容，我无法直接回答关于笔记本电脑USB2.0测试的问题。引用提到了USB2.0接口不能正常使用，但通过使用集线器可以正常工作，而笔记本上的USB3.0接口可以正常使用。引用提到了Cypress公司的EZ-USB FX2...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序边界

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值