v-emoji

简介

v-emoji 指令用于在文本中禁止用户插入表情符号，输入的 emoji 不会生效。

使用方法

通过给元素添加 v-emoji 指令来禁止用户输入表情符号。

输入内容文本：

查看代码

<script setup lang="ts">
import { ref } from 'vue'
import { vEmoji } from '@cp-vuedir/core'
const inputValue = ref('')
</script>

<template>
  <input
    v-emoji
    v-model="inputValue"
    placeholder="燕子飞时，绿水人家绕。枝上柳绵吹又少，天涯何处无芳草？—苏轼《蝶恋花》"
  />
  <p>输入内容文本：{{ inputValue }}</p>
</template>

<style scoped>
input {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid var(--vp-c-brand);
  border-radius: 8px;
}

p {
  margin-top: 10px;
}
</style>

注意事项

注意

• 该指令只能用于 input 或 textarea 元素，不可用于组件。