Vue JS Element UI对话框

如何解决Vue JS Element UI对话框

如何设计对话框的左上角关闭按钮？我想用自己的关闭按钮进行更改。

有什么办法可以改变它吗？

例如。

HEAD

解决方法

是的，有一个属性可以隐藏默认的关闭按钮，然后，您可以添加自己的关闭按钮或任何样式

Promise.all(firebase.firestore().collection("sales_order").get().then(function (querySnapshot) {
    return querySnapshot.docs.map(function (doc) {
        let data = doc.data();
        return Promise.all([data.customer.get(),data.user.get()]).then(function (docs) {
            return docs.map(doc => doc.exists ? doc.data().name : "");
        }).then(function ([customer_name,user_name]) { 
            return {
                id: doc.id,data: {
                    createdDate: data.createdDate.seconds,expectedDate: data.expectedDate.seconds,customer_name,user_name,},};
        });
    });
})).then(function (results) {
    // deal with results here
});

const app = new Vue({
  el: '#app',data() {
    return {
      dialogVisible: false,}
  },methods: {
        beforeClose(done) {
        this.dialogVisible = false;
      done();
    }
  }
})

.my-class {
    position: absolute;
    top: 15px;
    left: 10px;

}

您的CSS

,

我找到了。我只是花了点小花招。

这是棘手的方法。

el-icon-close:before{
  content: "Close";
}

codePen example