开发者社区> 问答> 正文

axios 的安装命令是什么?

axios 的安装命令是什么?

展开
收起
1358896759097293 2021-03-11 23:00:29 1769 0
来自:云开发平台
2 条回答
写回答
取消 提交回答
  • 45271990@qq.com

    安装命令:npm i axios--save(i 是 instyle 的缩写,s 是 save 的缩写),这样就 可以安装到项目里。

    2021-03-14 22:34:45
    赞同 展开评论 打赏
  • 下一站是幸福
    <template>
      <div>
        <div
          v-for="(item,index) in  goods"
          :key="index"
          style="border:1px solid #999;margin:10px"
          @click="gotoDetails(item.id)"  // 点击图片进入详情页
        >
          <img :src="item.mainPic" width="260px" /> // 商品主图链接
          <p>{{item.title}}</p>
          <p>
            <!-- 领券后的价格 -->
            <span>{{item.actualPrice}}</span>  
            <!-- 商品原价 -->
            <s>{{item.originalPrice}}</s>
          </p>
          <!-- 销量 -->
          <p>销量:{{item.monthSales}}</p>
        </div>
      </div>
    </template>
     
    <script>
    export default {
      data() {
        return {
          goods: []
        };
      },
      mounted() {
        this.$axios
          .get("http://api.kudesoft.cn/tdk/goods", {
            params: {
              pageId: 1, // 商品第几页
              cids: 6 // 商品种类,6代表零食 如其他:衣服、化妆品
            }
          })
          .then(res => {
            console.log(res.data.data.data.list); // list是访问接口中的固定写法
            let list = res.data.data.data.list;
            this.goods = list;
          })
          .catch(err => {
            console.log(err);
          });
      },
      methods: {
        gotoDetails(id) {
          this.$router.push({
            path: "/details",
            query: {
              id
            }
          });
    
    2021-03-12 23:29:40
    赞同 展开评论 打赏
问答标签:
问答地址:
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载