element-plus弹出框v-model怎么设置已读

Element Plus弹出框组件的v-model是用于控制弹出框的显示和隐藏的。而要实现已读功能，可以在弹出框的内容中加入一个“已读”按钮，当用户点击该按钮时，通过Vue的数据绑定，可以将该按钮的状态绑定到一个Boolean类型的数据上，例如isRead。然后在弹出框的确认按钮上添加一个@click事件，当用户点击确认时，通过该事件触发将isRead设置为true，表示该弹出框已经被用户已读。示例代码如下：

<el-dialog v-model="dialogVisible">
  <div>
    <p>这是一条重要信息</p>
    <el-button v-if="!isRead" @click="isRead = true">已读</el-button>
  </div>
  <div slot="footer">
    <el-button @click="dialogVisible = false">取消</el-button>
    <el-button type="primary" @click="confirm">确认</el-button>
  </div>
</el-dialog>

export default {
  data() {
    return {
      dialogVisible: true,
      isRead: false
    }
  },
  methods: {
    confirm() {
      this.isRead = true;
      this.dialogVisible = false;
    }
  }
}