更新规则

.eslintrc.js

@@ -10,7 +10,7 @@ module.exports = {
     // 3: ESLint + Standard config
     // extends: [ 'plugin:vue/essential', '@vue/airbnb',],
     // ESLint + Prettier
-    extends: ['plugin:vue/strongly-recommended', 'eslint:recommended'],
+    extends: ['plugin:vue/essential', 'eslint:recommended'],
     plugins: [],
     parserOptions: {
         parser: 'babel-eslint'
@@ -37,6 +37,16 @@ module.exports = {
             }
         ],
         'comma-dangle': ['error', 'never'],
-        quotes: ['error', 'single']
+        quotes: ['error', 'single'],
+        'vue/max-attributes-per-line': [
+            'error',
+            {
+                singleline: 1,
+                multiline: {
+                    max: 1,
+                    allowFirstLine: false
+                }
+            }
+        ]
     }
 }

src/components/videoCutter/videoControl.vue

 <template>
-  <div class="video-control">
-    <div
-      class="video-play-btn"
-      @click="play()"
-    >
-      播放
+    <div class="video-control">
+        <div
+class="video-play-btn"
+@click="play()">
+            播放
+        </div>
+        <div class="video-time-content">
+            <div class="now-time">
+                {{ duration | formatTime }}
+            </div>
+            <span>/</span>
+            <div class="total-time">
+                {{ duration | formatTime }}
+            </div>
+        </div>
     </div>
-    <div class="video-time-content">
-      <div class="now-time">
-        {{ duration | formatTime }}
-      </div>
-      <span>/</span>
-      <div class="total-time">
-        {{ duration | formatTime }}
-      </div>
-    </div>
-  </div>
 </template>
 <script>
 export default {
     data() {
         return {}
     },
-    props: { duration: { type: Number, default: 0 }, nowTime: { type: Number, default: 0 } },
+    props: ['duration', 'nowTime'],
     methods: {
         play() {
             this.$emit('play')