layui/example/docs/zh-CN/components/input.md

::: anchor :::

::: title 基本介绍 :::

::: describe 通过鼠标或键盘输入内容，是最基础的表单域的包装。 :::

::: title 基础使用 :::

::: demo 使用 lay-input 标签, 创建输入框

<script> import { ref } from 'vue' export default { setup() { const data1 = ref("内容"); return { data1 } } } </script>

:::

::: title 提示信息 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { return { } } } </script>

:::

::: title 事件回调 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { const data2 = ref("Input 事件"); const input = function( val ) { console.log("当前值:" + val) } return { data2, input } } } </script>

:::

::: title 禁止输入 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { const disabled = ref(true) return { disabled } } } </script>

:::

::: title Input 属性 :::

::: table

属性	描述	可选值
name	原始属性 name	--
placeholder	提示信息	--
disabled	禁用	true false
v-model	值	--

:::

::: title Input 属性 :::

::: table

事件	描述	参数
input	原生 input 事件	event : 事件对象
foucs	原生 foucs 事件	event : 事件对象
blur	原生 blur 事件	--

:::

::: comment :::

::: previousNext input :::