dialogVisible

首页 > TAG信息列表 > dialogVisible

vue3项目中报错：Unexpected mutation of "xxx" prop

vue3 中element 弹窗绑定需要通过v-model，这个时候父级会传个dialogVisible（boolean值）过来，结果会报eslint的错。 Unexpected mutation of "dialogVisible" prop，大概就是说不允许在子级修改父级的数据。问题描述： <el-dialog :title="title" width="800px" v-model="dialogVisible"

Vue el-dialog 动态修改 title 值

1. 定义一个el-dialog，设置“:title” --------------注意title前面需要加冒号--------------  <el-dialog :title="dialogTitle" :visible.sync="dialogVisible"> </el-dialog> 2. 初始化变量（定义 dialogTitle 变量） export default {

Vue3通过ref方式获取子组件的属性与方法

// 父组件 <template> <update-password ref="updatePwd"></update-password> </template> <script lang="ts" setup> import updatePassword from '@/components/updatePassword/update-password.vue' // 引入子组

更新弹出框的状态

1. sync修饰符的作用父组件 <AddDatabase ref="ruleForm" @success="success" :dialogVisible.sync="dialogVisible" ></AddDatabase> 2. 子组件 handleClose () { this.$emit('update:dialogVisibl

element弹框封装使用

<template> <div> <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" > <span>这是一段信息</span> <span slot="footer" class="dialog-footer"> &

图片与文字对齐

<div class="dialogVisible_dialog"> <img src="@/assets/image/img/checkIcon.svg" class="dialogVisible_img" /> <div class="dialogVisible_title">请确认是否符合要求！</div> </div> <style>

element-ui dialog对话框组件的具体使用

element-ui dialog对话框组件的具体使用对话框的格式: <el-dialog> </el-dialog> dialog的属性 dialog的插槽插槽比较常用 dialog的事件常用属性与事件的说明属性 :visible.sync="dialogVisible" 是否显示对话框，.sync修饰符实时更新数据参数为boolean类型,为tr

el-upload图片上传（上传一张之后按钮隐藏，照片删除按钮出现）

直接上代码 <template>  <div class="hello"> <el-upload ref="pictureUpload" action="#" list-type="picture-card" :auto-upload="fals

父组件中使用element组件的dialog 点击无响应或者再次点击无效问题

抽离组件后如果我们点击按钮弹窗子组件的弹窗使之显示在父组件中那么就要更改子组件的dialogVisible值，要使用ref 关联子组件这样我们才可以更改其值话不多说，直接上代码如果不将子组件的dialogVisible传给父组件那么这个弹框很可能出现点击没有反应， <el-dialog titl

vue+elementui 实现新增和修改共用一个弹框

一、新增1、新增按钮2、新增事件在methods中，用来打开弹窗，dialogVisible在data中定义使用有true或false来控制显示弹框 **3、新增确定，弹框确定事件，新增和修改共用一个确定事件，使用id区别 **3、新增事件调新增接口，判断是否有id，没有就调新增接口二、修改2-1、修改按钮，表格行编辑