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 c程序不知道为什么得不到结果
  • ¥40 复杂的限制性的商函数处理
  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置