# JEllipsis 字符串超長截取省略號顯示 ###### 說明: 遇到超長文本展示，通過此標簽可以截取省略號顯示，鼠標放置會提示全文本 ## 參數配置 | 參數 | 類型 | 必填 | 說明 | |--------|---------|----|----------------| | value |string | 必填 | 字符串文本| | length | number | 非必填 | 默認25 | 使用示例 ---- 1.組件帶有v-model的使用方法 ```vue <j-ellipsis :value="text"/> # Modal彈框實現最大化功能 1.定義modal的寬度： ```vue <a-modal :width="modalWidth" /> ``` 2.自定義modal的title,居右顯示切換圖標 ```vue <template slot="title"> <div style="width: 100%;"> <span>{{ title }}</span> <span style="display:inline-block;width:calc(100% - 51px);padding-right:10px;text-align: right"> <a-button @click="toggleScreen" icon="appstore" style="height:20px;width:20px;border:0px"></a-button> </span> </div> </template> ``` 3.定義toggleScreen事件,用于切換modal寬度 ```vue toggleScreen(){ if(this.modaltoggleFlag){ this.modalWidth = window.innerWidth; }else{ this.modalWidth = 800; } this.modaltoggleFlag = !this.modaltoggleFlag; }, ``` 4.data中聲明上述用到的屬性 ```vue data () { return { modalWidth:800, modaltoggleFlag:true, ```