现有如下需求
后台传入的字符串中含有HTML代码,
其中含有input输入框,用户要再输入框中输入信息后,点击按钮
将该字符串重新组装再传回后台
前端框架使用的是VUE
样例如下:
代码如下
<body>
<div class="header">
<div v-html="content"></div>
<button @click="getContent">button</button>
</div>
</body>
<script src="node_modules/vue/dist/vue.js"></script>
<script src="js/jquery-1.9.1.min.js"></script>
<script>
new Vue({
el:'.header',
data:{
content:"用户名<input type='text' id='a_b_1'></br>密码<input type='text' id='a_b_2'>"
},
methods: {
getContent(){
}
},
})
</script>
用户名密码输入后(假设输入的为用户名为123,密码为123),如何获取值,并将content中的内容改为
content:"用户名<input type='text' id='a_b_1' value='123'></br>密码<input type='text' id='a_b_2' value='123'>"