千葉式 2022-03-10 23:09 采纳率: 92.9%
浏览 383
已结题

vue 修改了data里面的值但是data对于的input控件内容没有跟着改变

vue 修改了data里面的值但是data对于的input控件内容没有跟着改变


<div id="mbox">
            <h1>XXXXX<br/><br/>XXXXXXXXXXXXXXXX</h1>
        <input type="text" id="iobox" :value='io' />
        <div id="numbox">
            <input type="button" v-on:click='fun' id="" value="1" />
            <input type="button" v-on:click='fun' id="" value="2" />
            <input type="button" v-on:click='fun' id="" value="3" />
            <input type="button" v-on:click='fun' id="" value="4" />
            <input type="button" v-on:click='fun' id="" value="5" />
            <input type="button" v-on:click='fun' id="" value="6" />
            <input type="button" v-on:click='fun' id="" value="7" />
            <input type="button" v-on:click='fun' id="" value="8" />
            <input type="button" v-on:click='fun' id="" value="9" />
            <input type="button" v-on:click='fun' id="" value="10" />
            <input type="button" v-on:click='fun' id="" value="11" />
            <input type="button" @click='fun' id="" value="12" />
        </div>
        </div>
        </div>

var vm=new Vue({
    el:'#mbox',
    data:{
        io:'1234'
    },
    methods:{
        fun(v){
            var num=v.target.value;
            var io=this.io;
            io=num;
            console.log(io);
            return io;
        }
    }
})
  • 写回答

3条回答 默认 最新

  • 几何心凉 2022年度博客之星前端领域TOP 1 2022-03-11 09:32
    关注

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 3月19日
  • 已采纳回答 3月11日
  • 创建了问题 3月10日

悬赏问题

  • ¥15 Qt4代码实现下面的界面
  • ¥15 prism提示我reinstall prism 如何解决
  • ¥15 asp.core 权限控制怎么做,需要控制到每个方法
  • ¥20 while循环中OLED显示中断中的数据不正确
  • ¥15 这个视频里的stm32f4代码是怎么写的
  • ¥15 JNA调用DLL报堆栈溢出错误(0xC00000FD)
  • ¥15 请教SGeMs软件的使用
  • ¥15 自己用vb.net编写了一个dll文件,如何只给授权的用户使用这个dll文件进行打包编译,未授权用户不能进行打包编译操作?
  • ¥50 深度学习运行代码直接中断
  • ¥20 需要完整的共散射点成像代码