在Vue3中使用InputMask PrimeVue的问题

问题描述

我试图在 Vue3 的项目中使用 PrimeVue 的 InputMask 我在模板标签中有块：

<div class="sdf">
  <label for="basic">Basic</label>
  <InputMask mask="99-999999" v-model="val1" placeholder="99-999999" />
</div>

我有脚本：

export default {
  data: () => ({
    val1: null,})
}

一切看起来都很好，控制台没有显示任何错误，但仍然看不到输入，只显示标签。我做错了什么？

解决方法

听起来您没有注册 InputMask。

您可以使用 app.component('InputMask',InputMask) 全局注册它：

// main.js
const { createApp } = require('vue')
import PrimeVue from 'primevue/config'
import InputMask from 'primevue/inputmask'
import App from './App.vue'

createApp(App)
  .use(PrimeVue)
  .component('InputMask',InputMask)
  .mount('#app')

demo