el-dialog 使属性不可变

el-dialog 是基于 Element UI 组件库开发的对话框组件，它的属性是可以通过 props 来传递的，但是在组件实例化之后，这些属性是无法修改的，因为它们并不是响应式的数据。

如果你想要在 el-dialog 中改变一些属性的值，可以通过 v-if 或 v-show 来动态控制 el-dialog 的显示和隐藏，以达到类似改变属性的效果。

例如，如果你想要禁用 el-dialog 的关闭按钮，可以通过以下代码实现：

<el-dialog :visible.sync="dialogVisible">
  <template #title>
    <span>这是标题</span>
    <el-button type="text" v-if="!disableCloseButton" style="float: right;" @click="dialogVisible = false">关闭</el-button>
  </template>
  <!-- 对话框内容 -->
</el-dialog>

在这个例子中，我们通过 disableCloseButton 这个变量来控制 el-dialog 中的关闭按钮是否显示。如果我们要禁用关闭按钮，只需要将 disableCloseButton 的值设置为 true 即可。

export default {
  data() {
    return {
      disableCloseButton: true, // 禁用关闭按钮
      dialogVisible: false, // 控制对话框的显示和隐藏
    };
  },
};