tiny-vue/examples/sites/demos/pc/app/input/display-only-popup-more.vue

28 lines
757 B
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="demo-input">
<tiny-input type="textarea" v-model="input" display-only popup-more></tiny-input>
</div>
</template>
<script>
import { Input } from '@opentiny/vue'
export default {
components: {
TinyInput: Input
},
data() {
return {
input:
'表单文本域开启只读模式文本内容超过5行自动隐藏。表单文本域开启只读模式文本内容超过5行自动隐藏。表单文本域开启只读模式文本内容超过5行自动隐藏。表单文本域开启只读模式文本内容超过5行自动隐藏。表单文本域开启只读模式文本内容超过5行自动隐藏'
}
}
}
</script>
<style scoped>
.demo-input .tiny-textarea {
width: 260px;
}
</style>