u013582748 2021-06-25 15:00 采纳率: 100%
浏览 42
已结题

关于vue的methods问题

我有以下的vue的1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="vue.js"></script>
    <script type="text/javascript">
      window.onload=function() {
          let vm = new Vue({
              el: '#div1',
              data:{
                  name:'aaa',
                  age:17
              },
              methods:{
                  show:function(n){
                      return parseInt(this.age) + n;
                      //alert('Hello vue3');
                  }
              }
          });
      }
    </script>
</head>
<body>
<div id="div1">
    <strong v-bind:title="age+'岁'">name:{{name}}</strong><br><br>
    age:{{age}}<br><br>
     newage:{{show(2)}}<br><br>
   <input type="button" value="test01" v-on:click="show(3)"><br><br>
   <input type="text" name="" value="" v-model="age"><br><br>
   <!--  <input type="text" name="" value="" v-model="name"><br><br>-->
  </div>
  </html>
  </body>

这个程序在按<input type="button" value="test01" v-on:click="show(3)"><br><br>这个按钮没有反应,我想要的结果是按了<input type="button" value="test01" v-on:click="show(3)"><br><br>这个按钮后 newage:{{show(2)}}的newage:变成20,即show:function(n){ return parseInt(this.age) + n; //alert('Hello vue3'); }这个函数的n变成3

  • 写回答

5条回答 默认 最新

  • u013582748 2021-06-25 20:03
    关注

    我不知道

     computed:{
            newage(){
                return parseInt(this.age)+this.n;
             }
        }
    });这个代码是什么意思?我在我的代码在写了这段代码后(){下面有一段红线
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 9月20日
  • 已采纳回答 9月12日

悬赏问题

  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮