搜索输入框

TIP

1.0.6+

普通用法

搜索 - 图1

配置typesearch,appendClick为点击搜索的回调方法

  1. <avue-form :option="option" v-model="form" > </avue-form>
  2. <script>
  3. export default{
  4. data() {
  5. return {
  6. form:{},
  7. option: {
  8. labelWidth: 120,
  9. column: [
  10. {
  11. label: '搜索内容',
  12. prop: 'search',
  13. type: 'search',
  14. appendClick:()=>{
  15. this.$message.success('搜索回调'+this.form.search);
  16. }
  17. }
  18. ]
  19. }
  20. }
  21. }
  22. }
  23. </script>