代码拉取完成,页面将自动刷新
同步操作将从 鹏鹏/avue-doc 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
常用的表格或则列表的搜索组件,可以与form和crud等其他组件组合使用 :::tip 1.0.0+ ::::
:::demo 使用方法和常规用法一样option
配置结构体,v-model
为双向数据绑定,同时包含了一个change
回调事件
<avue-search :option="option" v-model="form" @change="handleChange">
<template slot="zdy" slot-scope="scope">
<el-tag>自定义</el-tag>
</template>
</avue-search>
<script>
export default {
data(){
return {
form:{
zt: ["370000", "620000", "610000", "110000", "410000"],
checkbox: 0,
jtgj: [0, 1, 2, 3, 4]
},
option:{
column: [{
label: '自定义',
prop: 'zdy',
slot: true
},{
label: '地区',
prop: 'zt',
dicUrl: 'https://cli.avuejs.com/api/area/getProvince',
props: {
label: 'name',
value: 'code'
}
}, {
label: '多选',
prop: 'checkbox',
multiple: false,
dicData: [{
label: '单层',
value: 0
}, {
label: '多层',
value: 1
}]
}, {
label: '交通工具',
prop: 'jtgj',
dicData: [{
label: '飞机',
value: 0
}, {
label: '动车',
value: 1
}, {
label: '驾车',
value: 2
}, {
label: '其他',
value: 3
}]
}]
}
}
},
methods:{
handleChange(form) {
this.$message.success(JSON.stringify(form))
}
}
}
</script>
:::
事件名 | 说明 | 参数 |
---|---|---|
change | 当搜索的值发生改变时的回调 | form |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。