We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
New Product Launch - BoldDesk !
Introducing help desk ticketing software.
New Product LaunchBoldDesk: Help desk ticketing software starts at $10 for 3 agents.
Try it for free.|
<template>
<div id="app">
<ejs-textbox ref="textareaObj" :created="onCreate" id="default" :multiline="true" :value="value" floatLabelType="Auto" placeholder="Enter your name"></ejs-textbox>
</div>
</template>
<script>
import Vue from "vue";
import { TextBoxPlugin } from '@syncfusion/ej2-vue-inputs';
Vue.use(TextBoxPlugin);
export default {
data() {
return {
value: "Syncfusion"
}
},
methods: {
onCreate: function (args) {
let value = this.$refs.textareaObj.value;
alert(value);
}
}
}
</script>
<style lang="scss">
@import "../node_modules/@syncfusion/ej2-base/styles/material.css";
@import "../node_modules/@syncfusion/ej2-vue-inputs/styles/material.css";
</style> |
|
<ejs-textbox ref="textboxObj" :change="changeValue" placeholder="First Name"></ejs-textbox> |
|
methods:{
changeValue:function(args){
console.log(args.value);
}
} |
|
<ejs-textbox ref="textboxObj" :change="changeValue" placeholder="First Name"></ejs-textbox> |
|
methods:{
changeValue:function(args){
console.log(this.$refs.textboxObj.ej2Instances.value);
}
} |
