elementui常用组件-个人版（间断更新）

• 大数据

Dialog 对话框

el-dialog

在这里插入图片描述

  这是一段信息
  
    取 消
    确 定
  



  export default {
    data() {
      return {
        dialogVisible: false
      };
    },
    methods: {
      handleClose(done) {
        this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
      }
    }
  };
  • visible.sync：是否显示 Dialog，支持 .sync 修饰符
    • .sync 修饰符与 visible 属性一起使用时，它通常意味着子组件有一个 visible 属性，并且父组件想要同步地更新这个属性的值
  • before-close=“handleClose”：在点击右上角关闭对话框后，触发是否确认关闭事件
    • handleClose在methods内
  • slot=“footer” class=“dialog-footer”：底部是一个插槽，放了确认和取消，确认可以自定义点击触发事件，看具体需求

DatePicker 日期选择器

el-date-picker

在这里插入图片描述

  
    默认
    
    
  



  export default {
    data() {
      return {
        value1: '',
      };
    }
  };

Form表单

el-select

在这里插入图片描述
  • v-model=“form.region”：下拉框和form.region双向绑定
  • placeholder：占位内容
  • label：下拉框显示内容
  • value：label对应的值

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/f6a100ddec.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐