首页 > 其他分享 >uni-app核心基础 uni-app属性绑定和事件绑定

uni-app核心基础 uni-app属性绑定和事件绑定

时间:2022-12-06 16:35:55浏览次数:37  
标签:title app 绑定 使用 uni 属性

1 属性绑定

元素数据的绑定不能直接使用插值表达式,例如绑定元素的title属性、图片的src属性等,要使用v-bind进行属性绑定。

  • 元素添加属性使用v-bind绑定,简写成 :
  • 使用图片要添加mode = “widthFix”
<template>
  <view class="content">
    <image :src="imgPath" mode="widthFix" @click="getData"></image>
  </view>
</template>
<!--安装 Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
  export default {
    data() {
      return {
        title: "Hello Ding Jiaxiong",
        imgPath: "static/logo.jpg",
      };
    },
    onl oad() {},
    methods: {
      getData() {
        console.log(this.title);
      },
    },
  };
</script>

<style></style>

 

2 v-for渲染数据

v-for用来循环遍历数据,可以直接使用v-for遍历复杂数组。

 

 使用方法和Vue中一样,注意绑定key属性。

标签:title,app,绑定,使用,uni,属性
From: https://www.cnblogs.com/callbin/p/16955685.html

相关文章