一、需求场景
创新互联专注于龙安企业网站建设,响应式网站设计,商城网站定制开发。龙安网站建设公司,为龙安等地区提供建站服务。全流程按需策划，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务1、先来说说我的需求，有数据来源和标签类型两行选项，如下图所示：
2、根据需求，我需要在点击上面的某个数据来源的时候，下面的标签类型自动切换，
需求说明如下：
3、一开始 是想写死的，就是把各种情况写死在页面上，后来查看官方文档一会，数据来源的集合可以这样写，id为各个类型的标识，name为名称，mark为点击某个数据来源 的时候标签类型根据当前点击的数据来源进行判断切换。如下图：
infoTypeList: [
{
id: 11,
name: '新闻',
mark: 'news'
},
{
id: 13,
name: '论坛',
mark: 'bbs'
},
{
id: 17,
name: '微博',
mark: 'wb'
},
{
id: 6,
name: '微信',
mark: 'wx'
},
{
id: 7,
name: 'APP',
mark: 'app'
},
{
id: 8,
name: '平媒',
mark: 'pm'
},
{
id: 20,
name: '境外',
mark: 'overseas'
},
{
id: 21,
name: 'Facebook',
mark: 'facebook'
},
{
id: 22,
name: 'Twitter',
mark: 'twitter'
}
],另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
