前端自己用的

图片翻转

background: url("~@/assets/images/irrArea/open.png") no-repeat;
    background-size: 100% 100%;
    transform: scaleX(-1);

vue 给class添加样式

handleClose() {
      this.$(".projectView").addClass("close");
    },
    handleOpen() {
      this.$(".projectView").removeClass("close");
    },

input  自定义内容                     

                     <el-input disabled>

                          <template slot="prefix">

                            <div v-if="form.entityType == 0">来料检测</div>

                              <div v-if="form.entityType == 1">

                                {{qcCategory.name}}

                              </div>

                          </template>

                        </el-input>

el-table

<el-table-column label="项目属性" align="center" prop="type" :show-overflow-tooltip="true" fixed="left"  width="150px">

                          <template slot-scope="scope">

                            <dict-tag :options="dict.type.test_type_project" :value="scope.row.type"/>

                          </template>

                        </el-table-column>

父子传值

props: {

    dialogTitle: {

      type: String,

      default: ""

    },

    visibleDialogFlag: {

      type: Boolean,

      default: false

    },

    remarkInfo: {

      // 检查备注

      type: Array,

      default: () => {

        return [];

      }

    },

    xqTreeListData: {

      type: Object,

      default: () => {

        return {};

      }

    },

}

调用父组件方法及传值

this.$emit("update:visibleDialogFlag", val);

this.$forceUpdate();