VxPayeeNameBook 常用联系人组件

引用

import VxPayeeNameBook from '@/components/vx-payee-name-book';

// 页面内局部引入
export default {
  components: {
    [VxPayeeNameBook.name]: VxPayeeNameBook,
  },
};
// 全局引入
Vue.component(VxPayeeNameBook.name, VxPayeeNameBook);

使用指南

<ui-button class="primary-btn" @click="openContact">常用联系人</ui-button>
<vx-payee-name-book 
  :is-show-dialog="isShowContact" 
  @closePayeeBook="closePayeeBook" 
  @payeeNameBookWay="payeeNameBookWay"> 
</vx-payee-name-book>

data(){
  return {
    isShowContact: false, // 控制联系人组件显隐
  }
},
methods:{
  // 打开常用联系人
  openContact() {
    this.isShowContact = true;
  },
  // 关闭常用联系人
  closePayeeBook(val) {
    this.isShowContact = val;
  },
  // 选择之后赋值
  payeeNameBookWay(val) {
    // 此处进行联系人数据赋值
    //关闭弹窗
    this.isShowContact = false;
  },
}

API

VxPayeeNameBook Props

VxPayeeNameBook Events

closePayeeBook(val)

• 关闭联系人组件事件，
• 回调参数：val：boolean 值 false

payeeNameBookWay(val)

• 点击确定按钮触发事件，将所选数据抛出，
• 回调参数：val：当前所选择的联系人对象

Current Tags

• 0.0.3                                ...           latest (2 years ago)

1 Versions

• 0.0.3                                ...           2 years ago