• 33阅读
  • 4回复

[移动开发] UNI使用误区一


会员


发帖
8
楼主  发表于:2018/10/24 7:59

在定义每个页面data的时候 要注意事项

//正确用法,使用函数返回对象 data() { return { title: 'Hello' } }

//错误写法,会导致再次打开页面时,显示上次数据 data: { title: 'Hello' }

                    
会员


发帖
楼主   发表于: 2018年10月24日 8:00

常用封装全局属性 UNI

import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false
//-----------开始自定义全局部分
Vue.prototype.tpurl =  'http://sg.aspx.net/';
Vue.prototype.murl =  'http://sg.aspx.net/IAPPHandler.ashx';
Vue.prototype.hpost =function(a, successback) {
		var aToStr = JSON.stringify(a);
		uni.request({
			//url: 'http://192.168.0.188:808/cmd.ashx',
			url: 'http://sg.aspx.net/IAPPHandler.ashx',
			data: aToStr,
			method:"POST",
			success: function (res) {
				successback(res.data);
			}
		});
	};
//-----------结束自定义部分
App.mpType = 'app'

const app = new Vue({
    ...App
})
app.$mount()

                    
会员


发帖
楼主   发表于: 2018年11月7日 9:06
<!-- 这种就不支持,建议写 computed -->
<view>{{ message.split('').reverse().join('') }}</view>

<!-- 但写在 @event 里面的表达式是都支持的,因为这部分的计算放在了 vdom 里面 -->
<view>
    <view v-for="(item, index) in list" :key="index">
        <view @click="clickHandle(item, index, $event)">{{ item.value }}</view>
    </view>
</view>
                    
会员


发帖
楼主   发表于: 2018年11月7日 9:17
在微信小程序端,uni-app 将数据绑定功能委托给Vue,开发者需按Vue 2.0的写法实现数据绑定,不支持微信小程序的数据绑定写法,故如下写法不支持:

<view id="item-{{id}}"> </view>
需修改为:

<view v-bind:id="'item-' + id "> </view>
                    
会员


发帖
楼主   发表于: 2018年11月7日 9:27

不支持函数

不支持在 template 内使用 methods 中的函数

快速回复