如何更改Mentions组件选取option之后的文字

Question

const list = [
{email:'[e-mail]',nickname:'work1'},
{email:'[e-mail]',nickname:'work2'},
{email:'[e-mail]',nickname:'work3'},
{email:'[e-mail]',nickname:'work4'},
]

我有一个如上所示的list,我的需求是能够输入我的nickname或是email，一样能够at到对应的数据
我现在能够想到的是在option中把nickname和email拼在一起，这样使我能够键入关键词时能够匹配到它们
<Option key={key} value={${nickname}-${email}} >{nickname}</Option>
这么写确实能够匹配到我想要的数据，然而在textarea显示的则是我这个option的value，也就是它可能会是“[e-mail]-work2”这样的形式展示

有没有相关配置方法 能够使用户在选择option以后编辑这个option的值,比方说上述例子添加一个 option=>option.split('-')[1] 能够返回对应的值

或者说可以从validateSearch中入手？

Answer 1

按你的思路是可行的，我实现了。在mentions的onselect中进行操作，我的代码如下：
onSelect(option) {

    let ert=option.value;
    this.abc = ert.split('%&$');
    this.value=this.value.replace('@'+option.value+' ','@') + this.abc[0] +' ';
    console.log('select', option);
  },