45 lines
882 B
Markdown
45 lines
882 B
Markdown
<cn>
|
|
#### 自定义触发字符
|
|
通过 prefix 属性自定义触发字符。默认为 @, 可以定义为数组。
|
|
</cn>
|
|
|
|
<us>
|
|
#### Customize Trigger Token
|
|
Customize Trigger Token by `prefix` props. Default to `@`, `Array<string>` also supported.
|
|
</us>
|
|
|
|
```vue
|
|
<template>
|
|
<a-mentions
|
|
placeholder="input @ to mention people, # to mention tag"
|
|
:prefix="['@', '#']"
|
|
@search="onSearch"
|
|
>
|
|
<a-mentions-option v-for="value in MOCK_DATA[prefix] || []" :key="value" :value="value">
|
|
{{ value }}
|
|
</a-mentions-option>
|
|
</a-mentions>
|
|
</template>
|
|
<script>
|
|
const MOCK_DATA = {
|
|
'@': ['afc163', 'zombiej', 'yesmeck'],
|
|
'#': ['1.0', '2.0', '3.0'],
|
|
};
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
prefix: '@',
|
|
MOCK_DATA,
|
|
};
|
|
},
|
|
methods: {
|
|
onSearch(_, prefix) {
|
|
console.log(_, prefix);
|
|
this.prefix = prefix;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
```
|