vue列印可編輯文本
前言：最近寫專案時候遇到一個列印的問題，分享給大家，有遇到這種問題的小伙伴可以參考一下，
問題描述：
<div>
<div class="warning">注意事項：</div>
// onPrintShow 值默認為false，在點擊列印的事件中將值改為true，目的是為了在列印的時候將按鈕消失
<el-button @click="BtnUser" v-if="onPrintShow == false" type="primary" size="small" style="float: right;margin: 10px 0px 6px;">保存注意事項</el-button>
</div>
<div class="print_footer">
<div class="liUser">
// 在編輯的時候使用這個框
<el-input type="textarea" v-if="onPrintShow == false" v-model="textarea" placeholder="請輸入內容" autosize>
</el-input>
// 在點擊列印時使用這個框，他們的區別在于在DOM元素里面，input中的值是不在元素內，只有純文本的才可以被print()，所以這個框使用v-text進行渲染
<el-input type="textarea" style="max-width: 400px;padding: 5px 0px;border: 0px;line-height: 1.8;" v-else v-text="textarea" placeholder="請輸入內容" autosize>
</el-input>
</div>
<div class="col2">
<div class="row">選片簽名:</div>
<div class="row">看版簽名:</div>
<div class="row">取件簽名:</div>
</div>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/302834.html
標籤：其他