zoukankan      html  css  js  c++  java
  • 小程序 数据绑定

    数据绑定

    <html>
    ...

    <div id="content"></div>

    <script>
    var name = "李业迟到";
    $('#content').val(name);
    </script>

    </html>
    • vue.js

      <html>
      <div id="app">
            <div>{{message}}</div>
        </div>

        <script>
            new Vue({
              el: '#app',
              data: {
                message: '老男孩教育Python'
              }
            })
        </script>

      </html>

     

    2.1 基本显示

    • wxml

      <view>数据1:{{message}}</view>
    • 展示数据

      // pages/bind/bind.js
      Page({

      /**
        * 页面的初始数据
        */
      data: {
        message:"沙雕李业",
      }
      )}

    2.2 数据更新

    • wxml

      <view>数据2:{{message}}</view>

      <button bindtap="changeData">点击修改数据</button>
    • 修改数据

      Page({
      data: {
        message:"沙雕李业",
      },
      changeData:function(){
        // 修改数据
        this.setData({ message: "大沙雕李业"});
      }
      })

     

  • 相关阅读:
    Android SDK镜像的介绍使用
    如何在使用MAMP环境下安装MySQLdb
    MySQL – 导出数据成csv
    CSV
    自己写的一个Yeoman的Generator-Require-Angularjs
    笔记
    PHP
    Intellij IDEA 14的注册机
    nodejs
    Python
  • 原文地址:https://www.cnblogs.com/angdh/p/14724645.html
Copyright © 2011-2022 走看看