JQ修改为vue

FrontCode2/sunshine_levy/src/views/policyInfo/policyInfo.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="container"
+    :class="'container'+(mode?' old_container':'')"
     v-loading="loading"
     element-loading-text="页面加载中"
     element-loading-spinner="el-icon-loading"
@@ -14,8 +14,8 @@
 </template>
 <script>
 import { mgop } from "@aligov/jssdk-mgop";
-import { changeBottomStyle } from "@/olderMode/1.js";
-import $ from "jquery";
+/* import { changeBottomStyle } from "@/olderMode/1.js";
+import $ from "jquery"; */
 export default {
   data() {
     return {
@@ -27,16 +27,23 @@ export default {
     };
   },
   created() {
-    if (sessionStorage.getItem("mode") == "older") {
+    this.mode = this.$root.mode
+/*     if (sessionStorage.getItem("mode") == "older") {
       changeBottomStyle();
-    }
+    } */
     this.onInit();
   },
-  mounted() {
-    if (sessionStorage.getItem("mode") == "older") {
-      $(".container").addClass("old_container");
-    }
-  },
+  mounted() {},
+    computed:{
+      watchMode(){
+        return this.$root.mode
+      }
+   },
+  watch: {
+      watchMode(val, oldVal) {
+        this.mode = val
+      }
+    },
   methods: {
     // 获取数据
     onInit() {