JenneyHao 2019-10-12 11:16 采纳率: 50%
浏览 1075
已采纳

后台传的字符串为HTML代码,在前台已经可以显示,用户填写信息后如何将信息填入?

现有如下需求
后台传入的字符串中含有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'>"
  • 写回答

3条回答 默认 最新

  • qq_39950594 2019-10-12 14:15
    关注

    不推荐用着用逻辑,但一定要做的话

    function getContent()
     {
     var t=document.getElementById("a_b_1");
     t.value="修改文本内容" //获取值或者修改值
     //content不会变应为是单项绑定的也没必要变,一定要变就手动改可以结合v-once使用
     }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗?
  • ¥200 uniapp长期运行卡死问题解决
  • ¥15 请教:如何用postman调用本地虚拟机区块链接上的合约?
  • ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题:[h264 @ 000000004faf7500]no frame?
  • ¥15 乘性高斯噪声在深度学习网络中的应用
  • ¥15 关于docker部署flink集成hadoop的yarn,请教个问题 flink启动yarn-session.sh连不上hadoop,这个整了好几天一直不行,求帮忙看一下怎么解决
  • ¥15 深度学习根据CNN网络模型,搭建BP模型并训练MNIST数据集
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热(温度不同)的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败