AddonLinkInput 应用链接选择器

# AddonLinkInput 应用链接选择器

通过事件获取当前应用的链接地址选择器,支持自定义链接地址

选择的地址:


<template>
  <div>
    <p>选择的地址: {{value}}</p>
    <DkAddonLinkInput v-model="value" :default-option="options"/>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: '',
      // 当前使用自定义的链接地址,不会请求接口
      options: [
        {"title": "我的订单", "url": "\/demo_wx\/order\/index.html?p=16"},
        {"title": "我的钱包", "url": "\/demo_wx\/wallet\/index.html?p=16"},
        {"title": "我的卡券", "url": "\/demo_wx\/coupon\/index.html?p=16"}
      ]
    }
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Expand Copy

# 属性 Props

参数 说明 类型 可选值 默认值
value/v-model 绑定值 string
placeholder 输入框占位符 string 填写或选择链接
defaultOption 默认选项 array

# defaultOption

当没有传递defaultOption的时候,该组件自动请求/adminapi/common/getLink接口获取数据,如果传递了defaultOption,则不会请求接口。