Browse Source

fix:修复toast多实例关闭事件冲突 #181

guoxiao158 6 years ago
parent
commit
cc1ef7efd3

+ 1 - 1
src/packages/dialog/dialog.vue

@@ -79,7 +79,7 @@ export default {
   mixins: [locale],
   props: {
     id: {
-      default: null
+      default: ""
     },
     title: {
       default: ""

+ 8 - 8
src/packages/textbox/demo.vue

@@ -1,31 +1,31 @@
 <template>
     <div>
         <h5>示例</h5>
-        <p>默认用法</p>
+        <h6>默认用法</h6>
         <nut-textbox > </nut-textbox>
-        <p>自定义高度:100px</p>
+        <h6>自定义高度:100px</h6>
         <nut-textbox :txtAreaH="100" :maxNum="300"></nut-textbox>
 
-        <p>自定义提示语</p>
+        <h6>自定义提示语</h6>
         <nut-textbox :placeText="'请填写详细情况请填写详细情况'"></nut-textbox>
         
 
-        <p>自定义字数限制</p>
+        <h6>自定义字数限制</h6>
         <nut-textbox :maxNum="100"></nut-textbox>
         
 
-        <p>限制字数不可超出</p>
+        <h6>限制字数不可超出</h6>
         <nut-textbox :switchMax="true" :maxNum="10" :txtAreaH="100" textBgColor="#efefef"></nut-textbox>
         
 
-        <p>字数超出报错</p>
+        <h6>字数超出报错</h6>
         <nut-textbox :maxNum="10" :txtAreaH="100"  @errorFunc="overLength" ></nut-textbox>
         
 
-        <p>自定义文本框背景色</p>
+        <h6>自定义文本框背景色</h6>
         <nut-textbox :switchMax="true" :maxNum="10" :txtAreaH="100" textBgColor="#feefef"></nut-textbox>
 
-        <p>不显示字数限制</p>
+        <h6>不显示字数限制</h6>
         <nut-textbox :limitShow="false" :maxNum="10" ></nut-textbox>
        
         <h6>输入回调返回文字</h6>

+ 1 - 1
src/packages/toast/_toast.js

@@ -15,7 +15,7 @@ function _showToast() {
 
 function _getInstance(obj) {
   let opt = {
-        id:"default",
+        id:new Date().getTime(),
         msg: "",
         visible: false,
         duration: 2000, //显示时间(毫秒)

+ 2 - 2
src/packages/toast/toast.vue

@@ -2,7 +2,7 @@
   <transition name="toastfade">
     <div :id="id"
       :class="['nut-toast',{'nut-toast-center':center},{'nut-toast-has-icon':type},{'nut-toast-cover':cover},{'nut-loading':type=='loading'},customClass,'nut-toast-'+size]"
-      v-show="visible"
+      v-if="visible"
       :style="{'bottom':center?'auto':bottom+'px'}"
     >
       <div
@@ -26,7 +26,7 @@ export default {
   props: {},
   data() {
     return {
-        id:null,
+        id:"",
         msg: "",
         visible: false,
         duration: 2000, //显示时间(毫秒)