html - 在 Vue3 中使用 InputMask PrimeVue 的问题

Question

我试图在 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,
  })
}

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

标签： htmlvue.jsvuejs3input-maskprimevue

Answer 1

听起来你没有注册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')

演示