MentionableTextArea 可提及文本域

MentionableTextArea 是一個支持提及功能的多行文本輸入組件。用戶可以通過輸入特定的觸發字符（如 @、#、:）來觸發下拉選單，選擇用戶、議題或表情符號等內容。

基本用法

基本使用嘗試輸入 @user 或 #issue 或 :emoji

當前值：

嘗試輸入 @user 或 #issue 或 :emoji

自定義數據

自定義數據使用自定義數據：@

當前值：

使用自定義數據：@

事件處理

事件處理<!--[--><!--]-->

事件日誌：

狀態控制

正常狀態

這是正常狀態，可以輸入 @user

禁用狀態

這是禁用狀態，無法編輯

只讀狀態

這是只讀狀態，可以複製但不能編輯 @readonly

禁用只讀

動態狀態控制

動態控制狀態 @dynamic

API

屬性

屬性名	說明	類型	默認值
modelValue	綁定值	string	''
placeholder	占位符文本	string	'輸入 @, # 或 : 來提及'
rows	文本域行數	number	5
disabled	是否禁用	boolean	false
readonly	是否只讀	boolean	false
triggers	觸發字符列表	string[]	['@', '#', ':']
userList	自定義用戶列表	MentionItem[]	undefined
issueList	自定義議題列表	MentionItem[]	undefined
emojiList	自定義表情符號列表	MentionItem[]	undefined
label	標籤文本	string	''
class	自定義樣式類	string	''

事件 Events

事件名	說明	回調參數
update:modelValue	v-model 雙向綁定	(value: string)
change	值改變時觸發	(value: string)
focus	獲得焦點時觸發	(event: FocusEvent)
blur	失去焦點時觸發	(event: FocusEvent)
mention	觸發提及功能時觸發	(trigger: string, searchValue: string)