Advertisement

Vue修改通过DOM或HTTP请求传输数据

阅读量：

想要实现一个什么样的功能呢？
也就是说，在个人中心页面中，需要从后台获取相关数据，并将其展示在前端界面上。
包括姓名、座位号以及联系方式等信息，目前的需求是允许用户对这些内容进行修改，并在保存后能够实时更新至页面中。

在这里插入图片描述

显然，通过点击小箭头跳转至相关页面以获取信息的做法，我采用了路由传参的方式，这种实现方式显然是不恰当的。

个人中心页面

复制代码 
    <div class="line"><span>姓名</span>
      <input id="name" readonly type="text" v-model="name">
      <a class="mui-action-back mui-icon mui-icon-back" v-if="!online"  @click="rename">
    <div class="line_img"></div>           
      </a>
    </div>
    data (){return{name: ''}}
    rename () {
        this.$r

全部评论 (0)

还没有任何评论哟~

相关文章推荐