<el-dialog :visible.sync="detailsVisible" :modal="false" fullscreen :show-close="false" title="患者检查单详情" center :lock-scroll="true" 类似title的样式 ...

原因： vue中在style设置时使用scope属性 解决方法： 可采用局部与全局混写的方法 ...

要修改dialog的样式不能直接在<style scoped>中修改，这样修改后不会生效。做法是把scoped去掉，然后在dialog标签上自定义一个class，最好不要和其他的class同名，然后通过此class选择器再去修改里面的相关样式即可。 上例是修改弹框中内容 ...

使用属性：custom-class 然后在css中根据这个类型编写指定的样式即可（比如宽高） 举例： ...