vue element 弹出框有一层阴影问题
<el-button type="success" @click="addgsForm(scope.row.id)" icon="el-icon-edit">审核</el-button><el-dialog :title="title" width="30%" :visible.sync="dialogAddgsVisible" @close="closeDialog
·
<el-button type="success" @click="addgsForm(scope.row.id)" icon="el-icon-edit">审核</el-button>
<el-dialog :title="title" width="30%" :visible.sync="dialogAddgsVisible" @close="closeDialogAddgsVisible" :modal-append-to-body="false">
<el-form :model="addForm" ref="addForm" label-width="100px">
<el-form-item label="审核状态"
prop="stauts">
<el-select v-model="addForm.stauts"
style="width: 75%"
placeholder="点击选择审核状态">
<el-option v-for="item in ptypeList"
:key="item.key"
:label="item.value"
:value="item.key">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="失败原因"
v-if="addForm.stauts==1"
prop="defreason">
<el-input v-model="addForm.defreason"
style="width: 75%"
placeholder="请填写失败原因"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogAddgsVisible = false">取 消</el-button>
<el-button type="primary" @click="saveAddForm()">确 定</el-button>
</span>
</el-dialog>
:modal-append-to-body="false"
加上这段代码可以解决阴影问题 具体详情可以参考element官网
本文链接https://blog.csdn.net/qq_43025316/article/details/106690709
更多推荐
已为社区贡献2条内容
所有评论(0)