flat: 暂存

src/components/text-tooltip/index.vue

@@ -1,23 +1,25 @@
 <template>
-    <div>
-      <el-tooltip v-if="content.length > length" class="item" effect="dark" placement="top-start">
-        <div slot="content">
-          <div v-for="(item, index) in clipStr(content)" :key="index"><div>{{item}}</div></div>
+  <div>
+    <el-tooltip v-if="content.length > length" class="item" effect="dark" placement="top-start">
+      <div slot="content">
+        <div v-for="(item, index) in clipStr(content)" :key="index">
+          <div>{{ item }}</div>
         </div>
-        <span>{{ content.length > length ? `${content.substring(0, this.length)}...` : content}}</span>
-      </el-tooltip>
-      <span v-else>{{content}}</span>
-    </div>
+      </div>
+      <span>{{ content.length > length ? `${content.substring(0, this.length)}...` : content }}</span>
+    </el-tooltip>
+    <span v-else>{{ content }}</span>
+  </div>
 </template>
 
 <script>
 export default {
   name: "textTooltip",
   props: {
-    length:  { default: 50, required: false },
-    content:  { default: '', required: true },
-    empty:  { default: '', required: false },
-    tipWidth:  { default: 40, required: false },
+    length: {default: 50, required: false},
+    content: {default: '', required: true},
+    empty: {default: '', required: false},
+    tipWidth: {default: 40, required: false},
   },
   watch: {
     content(val) {
@@ -27,9 +29,10 @@ export default {
   methods: {
     clipStr(str) {
       const clip = []
-      if(str && str.length > this.tipWidth) {
-        for (let i = 0; i < Math.ceil(str.length / this.tipWidth); i++) {
-          clip.push(str.slice(i * this.tipWidth,i * this.tipWidth + this.tipWidth))
+      const tipWidth = Number(this.tipWidth)
+      if (str && str.length > tipWidth) {
+        for (let i = 0; i < Math.ceil(str.length / tipWidth); i++) {
+          clip.push(str.slice(i * tipWidth, (i * tipWidth) + tipWidth))
         }
         return clip
       }
@@ -40,7 +43,7 @@ export default {
 </script>
 
 <style scoped>
-.toolTipImg{
+.toolTipImg {
   margin-bottom: -5px;
   margin-right: 10px;
 }