【Web前端问题】input的v-model的值无法显示再打印页面上怎么办呢？

• Z时代
• 2024-01-10
• 分类：技术分享

需要绑定数据，并再打印预览中显示刚输入的数据

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<input type="text" v-model="contract.ownerAddress" class="legalPlatform">
window.document.body.innerHTML = dom
window.print()
window.location.reload()

期待打印预览的页面上又刚输入的值，实际没有显示住数据；

回答：

1、tempalte

<input  type="text"  v-model="contract.ownerAddress"  class="legalPlatform">
<p>{{contract.ownerAddress}}</p>
<button  @click='print'>打印预览</button>

2、script

export  default  {
    data()  {
        return  {
        contract:{
            ownerAddress:''
        }
    }
    },
    methods:{
        print(){
            window.document.body.innerHTML  =  this.contract.ownerAddress
            window.print()
            window.location.reload()
        }
    }
}

以上是 【Web前端问题】input的v-model的值无法显示再打印页面上怎么办呢？ 的全部内容， 来源链接： utcz.com/a/134543.html