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 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 stm32开发clion时遇到的编译问题
  • ¥15 lna设计 源简并电感型共源放大器