[input] How to use v-money3 with <el-input /> (ElementUI)?

[leeobrum]

Feature type: Other

Details

• Enhanced component name: input

Description

Hi, I'm migration my project to vue3 and pinia etc... but don't working v-money3 with my template ElementUI. My old project where I used v-money only, is working. Exemple for error:
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'length') at B (v-money3.mjs:204:19)

el-input v-model.lazy="oFormularioCadastro.dbAluguelEmpresa" v-money3="maskMoneyParam"

script setup lang="ts" const maskMoneyParam = reactive({decimal: ',', thousands: '.', prefix: 'R$ ', suffix: '', precision: 2, masked: false })
Main.ts
import { Money3Directive } from 'v-money3'
const app = createApp(App)
app.directive('money3', Money3Directive)

Additional comments

(empty)

[diegosilvaNSC]

Estou com o mesmo problema usando ts e vue3

[rflcnunes]

I had the same problem, I managed to solve it using this way:

In the script with the config:

Imports:
import { unformat, format } from 'v-money3'

[leeobrum]

Hi,

I resolved the problem using:

<money3 class="sMoney3" inputmode="numeric" maxlength="12" v-model="limiteDiretor" v-bind="maskMoneyParam" />

<script setup lang="ts">
  const maskMoneyParam = reactive({
    decimal: ',',
    thousands: '.',
    prefix: 'R$ ',
    suffix: '',
    precision: 2,
    masked: false,
    disableNegative: true
  })
</script>


.sMoney3 {
  width: 100%;
  height: 37px;
  color: #606266;
  padding: 2px 11px;
  font-size: inherit;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
}

Creating an SCSS compatible with el-input and I open one Issue at component v-money3

jonathanpmartins/v-money3#74