@@ -79,7 +79,7 @@ export default {
mixins: [locale],
props: {
id: {
- default: null
+ default: ""
},
title: {
default: ""
@@ -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>
@@ -15,7 +15,7 @@ function _showToast() {
function _getInstance(obj) {
let opt = {
- id:"default",
+ id:new Date().getTime(),
msg: "",
visible: false,
duration: 2000, //显示时间(毫秒)
@@ -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:"",