業務場景:dialog中嵌套的表單,實現信息展示,由於存儲路徑過長並且在一行顯示,導致多出的文字出現在彈出框外面了,頁面極丑,所以需要將存儲路徑實現自動換行。
技術點:<p style="word-break: break-word;"></p>
1 <el-form-item class="file-form"> 2 <el-row> 3 <el-col :span="22"> 4 <div> 5 <span style="font-weight: bold;float: left">存儲路徑:</span> 6 <p style="word-break: break-word;margin-top: 0px;margin-bottom: 0px;">{{fileFormData.file_path}}</p> 7 </div> 8 </el-col> 9 </el-row> 10 </el-form-item>