资讯专栏INFORMATION COLUMN

实习项目开发总结

苏丹 / 2483人阅读

摘要:数组中有数个对象,每个对象包和一些其他的基本信息。现在要将数个展示,且在其下方展示其包含的。单个单个注意两个中的参数使用。

非父子组件间的通信

在src中创建一个eventbus.js作为eventbus的中转站

使用emit与on来在不同组件中监听事件

import Vue from "vue"
export default new Vue();
//创建eventBus中转站 
import EVENTBUS from "@/eventBus"
//在需要用到的组件中导入eventbus
updateList(){
        EVENTBUS.$emit("updateList", 1)
      }
//注册事件,并传递参数
activeGetSpliter() {
        EVENTBUS.$on("activeGetSpliter", reg => {
          this.isLoading = true;
          this.isActive = false;
          this.getSpliter(reg);
          });
      },
//监听事件,处理参数      
在Vue中操作DOM

其实如果使用了VUE,个人认为不与DOM打交道是最好的:)

@click="changeSpliter(spliterIndex, $event)"
//在函数中传递一个叫$event的参数
var spliterDOM = $event.target.parentNode.previousElementSibling.childNodes[0];
//如此便可以获取DOM
console.log($event.target)
//可以如此来观察所选取的是何元素
v-for嵌套循环

从后端得到的json里有一backUp数组,数组由数个对象组成,每个对象里包含一个字符串类型的spliter_id,和一个brand_arr的数组。brand_arr数组中有数个对象,每个对象包brand_id和一些其他的brand基本信息。现在要将数个spliter_id展示,且在其下方展示其包含的brand_id。

{{ spliter.spliter_id}}
{{ brand.brand_id }}

注意两个v-for中的参数使用。使用合适的参数可以很快捷的完成循环嵌套,来展示包含多个层级关系的数据

vue开发环境跨域代理配置

在config/index.js中写入以下内容

moudle.exports =  {
  dev: {
    assetsSubDirectory: "static",
    assetsPublicPath: "/",
    proxyTable: {
      "/GetSpliterAndBrandBySite": {
        target: "https://wpc-product.earth.xpas.xxx.com",
        changeOrigin: true,
        secure: false,
        pathRewrite: {
          "^/GetSpliterAndBrandBySite": "/GetSpliterAndBrandBySite"
        }
      },
    },
  }
}

接下来,如果想使用GetSpliterAndBrandBySite这个api,只需在请求中写入

var url = "/GetSpliterAndBrandBySite";

就行了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98795.html

相关文章

  • 2017美团点评面试实习经历

    摘要:美团点评面试实习经历回想总结一下美团实习经历给想去美团的小伙伴一些参考顺便积累点人品面试两轮技术面一轮不刷人的月份的时候内推了美团实习简历估计太水了没等到面试机会四月的时候在美团的学长帮推了简历直接给了几天后接到电话面试三天顺利完成两轮技术 2017美团点评面试实习经历 回想总结一下美团实习经历,给想去美团的小伙伴一些参考.顺便积累点人品. 面试 两轮技术面+一轮不刷人的HR3月份的...

    alaege 评论0 收藏0
  • 2017美团点评面试实习经历

    摘要:美团点评面试实习经历回想总结一下美团实习经历给想去美团的小伙伴一些参考顺便积累点人品面试两轮技术面一轮不刷人的月份的时候内推了美团实习简历估计太水了没等到面试机会四月的时候在美团的学长帮推了简历直接给了几天后接到电话面试三天顺利完成两轮技术 2017美团点评面试实习经历 回想总结一下美团实习经历,给想去美团的小伙伴一些参考.顺便积累点人品. 面试 两轮技术面+一轮不刷人的HR3月份的...

    xzavier 评论0 收藏0
  • 大三Java实习总结网易百度小米美团阿里(均拿offer)

    摘要:基础回答的好百度说实话没想到百度会给我打面试电话,毕竟是,在我心中地位还是很高的。后来第二天就通知我说直接过了,不用二三面了,就这样只面了一面稀里糊涂的过了百度。差不多是这些,因为是米粉所以毫不犹豫的接收了小米,没去百度。 ----------5月5日确认收到阿里offer ----------4月12日昨天阿里HR面完,目前在等结果的阶段,无论结果如何都能接收,作为一名双非学校的本科...

    atinosun 评论0 收藏0
  • 实习转正 | 秋招还没开始,就拿到了腾讯、阿里的offer?我是如何做的!

    摘要:那今天给就就投稿的这位届小粉丝就是当时暑期在腾讯实习顺利转正,然后月份通过内推又拿下阿里的巨佬小姐姐。在腾讯实习期间也就是七月份我就提前批开始投了几份简历,八月初接到阿里的电话,经历面技术面面,历时一个月被阿里录取。 又是一年实习季,大三的同学可能都在忙着找实习或者做简历了~ 但是肯定也有同学还不想开始找,觉得现在太早了 所以就就今天特意给大家准备了一篇关于找实习的文章,相信大家看完一...

    legendaryedu 评论0 收藏0
  • 实习转正 | 秋招还没开始,就拿到了腾讯、阿里的offer?我是如何做的!

    摘要:那今天给就就投稿的这位届小粉丝就是当时暑期在腾讯实习顺利转正,然后月份通过内推又拿下阿里的巨佬小姐姐。在腾讯实习期间也就是七月份我就提前批开始投了几份简历,八月初接到阿里的电话,经历面技术面面,历时一个月被阿里录取。 又是一年实习季,大三的同学可能都在忙着找实习或者做简历了~ 但是肯定也有同学还不想开始找,觉得现在太早了 所以就就今天特意给大家准备了一篇关于找实习的文章,相信大家看完一...

    zhisheng 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<