tiny-vue/examples/sites/demos/pc/app/input/method-addMemory-compositio...

33 lines
615 B
Vue

<template>
<div class="demo-input">
<tiny-input
ref="textMemoryRef"
v-model="input"
name="textMemory"
placeholder="Please input"
:memory-space="3"
@change="addMemory"
></tiny-input>
</div>
</template>
<script setup>
import { ref } from 'vue'
import { Input as TinyInput, Modal } from '@opentiny/vue'
const input = ref('')
const textMemoryRef = ref()
function addMemory(val) {
Modal.message({ message: val, status: 'success' })
textMemoryRef.value.addMemory(val)
}
</script>
<style scoped>
.demo-input .tiny-input {
width: 250px;
margin: 5px 0;
}
</style>