perf(input): 新增 input 组件 input 事件
This commit is contained in:
69
docs/docs/zh-CN/components/input.md
Normal file
69
docs/docs/zh-CN/components/input.md
Normal file
@@ -0,0 +1,69 @@
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
<lay-input v-model="data1"></lay-input>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
|
||||
const data1 = ref("内容");
|
||||
|
||||
return {
|
||||
data1
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
<lay-input placeholder="提示信息"></lay-input>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
|
||||
return {
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
<lay-input v-model="data2" @input="input"></lay-input>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue'
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
|
||||
const data2 = ref("Input 事件");
|
||||
const input = function( val ) {
|
||||
console.log("当前值:" + val)
|
||||
}
|
||||
|
||||
return {
|
||||
data2,
|
||||
input
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
@@ -107,6 +107,8 @@ export default {
|
||||
|
||||
:::
|
||||
|
||||
<lay-button></lay-button>
|
||||
|
||||
::: field page attributes
|
||||
|
||||
:::
|
||||
|
||||
@@ -283,7 +283,12 @@ export default {
|
||||
title: '单选框',
|
||||
subTitle: 'radio',
|
||||
path: '/zh-CN/components/radio',
|
||||
},
|
||||
},{
|
||||
id: 34,
|
||||
title: '输入框',
|
||||
subTitle: 'input',
|
||||
path: '/zh-CN/components/input',
|
||||
}
|
||||
]
|
||||
|
||||
const selected = ref(1)
|
||||
|
||||
@@ -6,7 +6,6 @@ import snippet from './snippet'
|
||||
import demo from './demo'
|
||||
import createContainer from './create-container'
|
||||
import preWrapper from './pre-wrapper'
|
||||
import type Token from 'markdown-it/lib/token'
|
||||
|
||||
const plugins = [
|
||||
vue({
|
||||
|
||||
@@ -182,6 +182,10 @@ const zhCN = [
|
||||
path: '/zh-CN/components/radio',
|
||||
component: () => import('../../docs/zh-CN/components/radio.md'),
|
||||
meta: { title: '单选框' },
|
||||
},{
|
||||
path: '/zh-CN/components/input',
|
||||
component: () => import('../../docs/zh-CN/components/input.md'),
|
||||
meta: { title: '输入框' },
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user