# 链接工具组件

## 链接工具(弹窗版)
- 原svn: https://182.254.134.223/svn/gic/02.需求/gicProject/xcx/src/components/linktools/linktools.vue

```
<!--
/**
 * 链接小工具组件(弹窗) by fairyly on 2018/06/15
 * 组件调用
 */
 
<linktools :projectName="projectName" :linkToolsVisible="linkToolsVisible" :showType="showType" @linkSelect="linkSelect"/>

import Linktools from 'components/linktools/linktools.vue'

// 链接小工具参数
projectName: '', // 当前项目名
linkToolsVisible: false,
// 显示场景类型
showType: 0, ,插件默认0:显示全部 ; 1: (底部导航);2: (公众号菜单:只有小程序的,没有h5)

// methods
// linktools
// 显示事件
showLinkDialog() {
  this.linkToolsVisible = true;
},

linkSelect(val) {
  console.log(val)
  // 关闭时隐藏
  this.linkToolsVisible = false;
}

components: {
  Linktools
}

 -->
```

## 链接工具(页面内)
- 原svn: https://182.254.134.223/svn/gic/02.需求/gicProject/xcx/src/components/linktools/linktoolspage.vue

```
<!--
/**
 * 链接小工具组件(页面内) by fairyly on 2018/06/15
 * 组件调用
 */
 <linktoolspage :projectName="projectName" ref="childlinktoolspage" v-if="menuForm.style=='4'"  :linkToolsVisible="linkToolsVisible" :showType="showType" @linkSelect="linkSelect"/>

import Linktoolspage from 'components/linktools/linktoolspage.vue'

// 链接小工具参数
projectName: '', // 当前项目名
linkToolsVisible: false,
// 显示场景类型
showType: 0, ,插件默认0:显示全部 ; 1: (底部导航);2: (公众号菜单:只有小程序的,没有h5)

// methods
// linktools
showLinkDialog() {
  this.linkToolsVisible = true;
},

 // 使用页保存方法
 saveInfo() {
 	var that = this;
	// 父组件调用子组件方法
 	that.$refs.childlinktoolspage.confirmLinkSelect();
 },

linkSelect(val) {
  console.log(val)
  // 关闭时隐藏
  this.linkToolsVisible = false;
}

components: {
  Linktools
}

 -->
```

