Comments (3)
No, currently not. But a Vue directive for usage with components libs such as Element UI is on the roadmap.
from vue-currency-input.
I just released 1.2.0 providing the new v-currency
directive. I tested the directive with Element and Vuetify.
Check out the example source:
https://github.com/dm4t2/vue-currency-input/blob/master/docs/.vuepress/components/DirectiveDemo.vue
from vue-currency-input.
If anyone is interested, I've managed to refactor the given example of element-ui integration into Typescript:
<!-- https://github.com/dm4t2/vue-currency-input/issues/19#issuecomment-514995907 -->
<template>
<el-input ref="elInput" v-currency="options" :value="formattedValue" @input="handleInput" :placeholder="placeholder"/>
</template>
<script lang="ts">
import { setValue, getValue } from 'vue-currency-input';
import { Component, Vue, Emit, Watch, Prop } from 'vue-property-decorator';
import { ElInput } from 'element-ui/types/input';
@Component({})
export default class ElCurrencyInput extends Vue {
public formattedValue: string | number | null = null;
@Prop() private value: any;
@Prop() private placeholder?: string;
@Watch('value')
private onValueChange(value: number, oldValue: number) {
this.setValue(value);
}
@Emit('input')
private handleInput(value: string): number | null {
this.formattedValue = value;
return getValue((this.$refs.elInput as ElInput).$refs.input as HTMLInputElement);
}
private setValue(value: number) {
setValue((this.$refs.elInput as ElInput).$refs.input as HTMLInputElement, value);
}
private mounted() {
this.setValue(this.value);
}
get options() {
return {
locale: 'de-DE', // 'es-ES' does not have thousands separators in numbers of 4 digits or less, but 'de-DE' does
currency: null, // to hide the coin,
};
}
}
</script>
from vue-currency-input.
Related Issues (20)
- Input not getting updated when used with v-model and pinia store HOT 1
- IOS keyboard no minus option HOT 3
- copy paste value with dot don't insert HOT 1
- vue-currency-input shows 0 value in the first row on project edit page in my Vue 3 TypeScript project HOT 1
- Starting zeros are removed to fast HOT 1
- Quasar with vue-currency-input HOT 1
- Incompatible with Nuxt 2 / Vue 2.7.14 HOT 1
- CAD is a valid A ISO 4217 currency code but it doesnt work HOT 3
- Different Results with Locale on Different Browsers HOT 1
- Unexpected autoDecimalDigits behavior in component Playground HOT 1
- Allow custom lookup strategy for input element
- wrong result (using decimal > 10) HOT 1
- Component emitted event "change" but it is neither declared in the emits option nor as an "onChange" prop. HOT 4
- Inconsistent behaviour with Firefox + Vuetify 2 HOT 2
- No emits on vue 2.7.10 & nuxt HOT 5
- Adding options watcher in Quasar example causes input to malfunction HOT 2
- When setting currency input options, getting an error saying argument type is not assignable to CurrencyInputOptions HOT 1
- Problem with attribute currencyDisplay when use Typescript HOT 3
- TypeError: undefined is not an object (evaluating 'this.numberMask.conformToMask') in IOS 12 HOT 1
- Input breaks when using watch options and autoDecimalDigits false HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-currency-input.