zoukankan      html  css  js  c++  java
  • Vue 计算

    目标:字段c=字段a+字段b

    方法1

    直接使用Mustache(胡子表达式)

    <body>
    
        <div id="example" >
            <input v-model="a" placeholder="edit me">
            <input v-model="b" placeholder="edit me">
    <p>Message is: {{ c=a+b }}</p>
            <input type="button" value="submit" @click="submit()"/>
        </div>
    
    </body>
     <script>
         new Vue({
             el:'#example',
             data: {
                 a: 'name',
                 b: '123',
                 c:''
             },
             methods: {
                 submit: function () {
                     alert(this.c);
                 }
             }
    
         })
     </script>

    方法2

    使用Computed

    <body>
    
        <div id="example" >
            <input v-model="a" placeholder="edit me">
            <input v-model="b" placeholder="edit me">
    <p>Message is: {{ c1 }}</p>
            <input type="button" value="submit" @click="submit()"/>
        </div>
    
    </body>
     <script>
         new Vue({
             el:'#example',
             data: {
                 a: 'name',
                 b: '123',
                 c:''
             },
             computed: {
                 c1: function () {
                     this.c = this.a + this.b;
                     return this.c;
                 }
             },
             methods: {
                 submit: function () {
                     alert(this.c);
                 }
             }
    
         })
     </script>
  • 相关阅读:
    K-means聚类
    支持向量机_原理
    回归+内插
    ftp 服务器
    cmd 切换python版本
    cookie
    类加载器
    GC
    jvm结构
    mysql文件
  • 原文地址:https://www.cnblogs.com/hanjun0612/p/9779691.html
Copyright © 2011-2022 走看看