input的v-model的值无法显示再打印页面上怎么办呢？

Question

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

相关代码

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

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

Answer 1

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()

        }

    }

}