vue中密码输入眼睛显示问题和过期日期只能选择当天之后的日期

xiaom_

已于 2023-01-29 16:25:11 修改

阅读量228

点赞数

文章标签： vue.js 前端

于 2023-01-28 10:25:00 首次发布

本文链接：https://blog.csdn.net/xiaom_/article/details/128775053

版权

一，问题描述：
密码框，眼睛点击显示密码，再次点击掩码显示，但是关闭输入的弹窗之后，样式并未重置。
代码：

<el-dialog :close-on-click-modal="false" :visible.sync="visible" :before-close="handleDialogClose">
   
<el-button size="small" type="primary" @click="handleDialogClose()">{{  }}</el-button>

methods: {
	  init(row) {
        this.visible = true
        this.$nextTick(() => {
          this.$refs.form.showPassword = true
          this.$refs.form.init(row)
        })
      },
      handleDialogClose() {
        this.visible = false;
        this.$nextTick(() => {
          this.$refs.form.showPassword = false
        })
      },
      }
<el-input :style="inputStyle" v-if="showPassword" show-password autocomplete="new-password"></el-input>
data(){
	return {showPassword: true,}
}

二，问题描述：
过期日期选择只能选择当天日期之后

<el-date-picker :picker-options="endDateOpt"></el-date-picker>
data(){
	return {endDateOpt: {
        disabledDate(v) {
          return v.getTime() < new Date().getTime();
          //return v.getTime() < new Date().getTime() - 8.64e7;选择包含当天
        }
      },
      }
}