学习uni-app

最新推荐文章于 2024-04-17 20:44:26 发布
最新推荐文章于 2024-04-17 20:44:26 发布
阅读量445 收藏
点赞数
分类专栏： uni-app 文章标签： 学习 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60782710/article/details/125161949
版权

各文件的作用如下

重点在pages.json中

pages

用于注册页面的地址，每增加一个页面必须在这里注册，否则不生效

"pages": [
		{
			"path": "pages/index/index"
		},
		{
			"path": "pages/about/about"
		}
	],

注意：里面写入局部样式则会覆盖全局样式

globalStyle

用于设置应用的状态栏、导航条、标题、窗口背景色等。

list属性值

"globalStyle": {
		// 导航栏字体颜色 只支持黑色或者白色
		"navigationBarTextStyle": "white",
		// 导航栏内容
		"navigationBarTitleText": "demo01",
		// 导航栏背景色
		"navigationBarBackgroundColor": "#64d8f8",
		// 是否开启下拉刷新
		"enablePullDownRefresh": true,
		// 下拉加载loading样式 只支持亮色与暗色
		"backgroundTextStyle": "light",
		// 下拉刷新背景色
		"backgroundColor": "#ece3de"
	},

tabBar（底部导航栏）

"tabBar": {
		"color": "#5db2cc",
		// 选中时样式颜色
		"selectedColor": "#ffffff",
		// 背景色
		"backgroundColor": "#74cfdc",
		"list": [
			{
				// 图片路径
				"iconPath": "static/logo.png",
				//  页面路径
				"pagePath": "pages/index/index",
				// 导航栏标题
				"text": "首页"
			},
			{
				// 图片路径
				"iconPath": "static/logo.png",
				//  页面路径
				"pagePath": "pages/about/about",
				// 导航栏标题
				"text": "关于"
				
			}
		]
		
	}

text文本组件

  • text 组件相当于行内标签、在同一行显示

  • 除了文本节点以外的其他节点都无法长按选中

<view>
  <!-- 长按文本是否可选 -->
  <text selectable='true'>来了老弟</text>
</view>

<view>
  <!-- 显示连续空格的方式 -->
  <view>
    <text space='ensp'>来了  老弟</text>
  </view>
  <view>
    <text space='emsp'>来了  老弟</text>
  </view>
  <view>
    <text space='nbsp'>来了  老弟</text>
  </view>
</view>

<view>
  <text>skyblue</text>
</view>

<view>
  <!-- 是否解码 -->
  <text decode='true'>&nbsp; &lt; &gt; &amp; &apos; &ensp; &emsp;</text>
</view>

view视图容器组件的用法

View 视图容器， 类似于 HTML 中的 div

<view class="box2" hover-class="box2_active">
  <view class='box1' hover-class='active' hover-stop-propagation :hover-start-time="2000" :hover-stay-time='2000'>

  </view>
</view>

button按钮组件

  • button 组件默认独占一行，设置 size 为 mini 时可以在一行显示多个

<button size='mini' type='primary'>前端</button>

<button size='mini' type='default' disabled='true'>前端</button>

<button size='mini' type='warn' loading='true'>前端</button>

image组件

  • <image> 组件默认宽度 300px、高度 225px；

  • src 仅支持相对路径、绝对路径，支持 base64 码；

  • 页面结构复杂，css样式太多的情况，使用 image 可能导致样式生效较慢，出现 “闪一下” 的情况，此时设置 image{will-change: transform} ,可优化此问题。

样式

  • rpx 即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。屏幕变宽，rpx 实际显示效果会等比放大。

  • 使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束

  • 支持基本常用的选择器class、id、element等

  • 在 uni-app 中不能使用 * 选择器。

  • page 相当于 body 节点

  • 定义在 App.vue 中的样式为全局样式，作用于每一个页面。在 pages 目录下 的 vue 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 App.vue 中相同的选择器。

  • uni-app 支持使用字体图标，使用方式与普通 web 项目相同，需要注意以下几点：

    • 字体文件小于 40kb，uni-app 会自动将其转化为 base64 格式；

    • 字体文件大于等于 40kb， 需开发者自己转换，否则使用将不生效；

    • 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径。这里是sass的用法

 @font-face {
     font-family: test1-icon;
     src: url('~@/static/iconfont.ttf');
 }

差值表达式：{{}}

// js
export default {
  data () {
    return {
      msg: 'hello-uni'
    }
  }
}

  • 利用插值表达式渲染基本数据

    <view>{{msg}}</view>

  • 在插值表达式中使用三元运算

    <view>{{ flag ? '我是真的':'我是假的' }}</view>

  • 基本运算

<view>{{1+1}}</view>

v-bind 动态绑定属性

export default { 
 data () {   
     return {      
        img: 'http://destiny001.gitee.io/image/monkey_02.jpg'    
        }  
    }}

<image v-bind:src="img"></image>
 // 简写
<image :src="img"></image>

v-for的使用

data中定以一个数组，最终将数组渲染到页面上

data () {
  return {
    arr: [
      { name: '刘能', age: 29 },
      { name: '赵四', age: 39 },
      { name: '宋小宝', age: 49 },
      { name: '小沈阳', age: 59 }
    ]
  }
}
<view v-for="(item,i) in arr" :key="i">名字：{{item.name}}---年龄：{{item.age}}</view>

事件绑定（@）

在uni中事件绑定和vue中是一样的，通过v-on进行事件的绑定，也可以简写为@

<button @click="tapHandle">点我啊</button>
methods: {
  tapHandle () {
    console.log('真的点我了')
  }
}

事件传参

默认如果没有传递参数，事件函数第一个形参为事件对象

// template
<button @click="tapHandle">点我啊</button>
// script
methods: {
  tapHandle (e) {
    console.log(e)
  }
}

如果给事件函数传递参数了，则对应的事件函数形参接收的则是传递过来的数据

// template
<button @click="tapHandle(1)">点我啊</button>
// script
methods: {
  tapHandle (num) {
    console.log(num)
  }
}

如果获取事件对象也想传递参数

// template
<button @click="tapHandle(1,$event)">点我啊</button>
// script
methods: {
  tapHandle (num,e) {
    console.log(num,e)
  }
}

应用的生命周期

 

<template>
	<view>
		杭州学科
		<view v-for="(item,index) in arr" :key="index">
			{{item}}
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				arr: ['前端','java','ui','大数据']
			}
		}
	}
</script>

<style>
</style>

通过配置文件开启

创建list页面进行演示

<template>
	<view>
		杭州学科
		<view v-for="(item,index) in arr" :key="index">
			{{item}}
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				arr: ['前端','java','ui','大数据']
			}
		}
	}
</script>

<style>
</style>
{
  "path":"pages/list/list",
    "style":{
      "enablePullDownRefresh": true
    }
}

监听下拉刷新

export default {
  data () {
    return {
      arr: ['前端','java','ui','大数据']
    }
  },
  methods: {
    startPull () {
      uni.startPullDownRefresh()
    }
  },
  onPullDownRefresh () {
    console.log('触发下拉刷新了')
  }
}

关闭下拉刷新（uni.stopPullDownRefresh()）

<template>
	<view>
		<button type="primary" @click="startPull">开启下拉刷新</button>
		杭州学科
		<view v-for="(item,index) in arr" :key="index">
			{{item}}
		</view>
	</view>
</template>
<script>
	export default {
		data () {
			return {
				arr: ['前端','java','ui','大数据']
			}
		},
		methods: {
			startPull () {
				uni.startPullDownRefresh()
			}
		},
		
		onPullDownRefresh () {
			this.arr = []
			setTimeout(()=> {
				this.arr = ['前端','java','ui','大数据']
				uni.stopPullDownRefresh()
			}, 1000);
		}
	}
</script>

上拉加载

<template>
	<view>
		<button type="primary" @click="startPull">开启下拉刷新</button>
		杭州学科
		<view v-for="(item,index) in arr" :key="index">
			{{item}}
		</view>
	</view>
</template>
<script>
	export default {
		data () {
			return {
				arr: ['前端','java','ui','大数据','前端','java','ui','大数据']
			}
		},
		onReachBottom () {
			console.log('触底了')
		}
	}
</script>

<style>
	view{
		height: 100px;
		line-height: 100px;
	}
</style>

网络请求（发送get请求 ）

<template>
	<view>
		<button @click="sendGet">发送请求</button>
	</view>
</template>
<script>
	export default {
		methods: {
			sendGet () {
				uni.request({
					url: 'http://localhost:8082/api/getlunbo',
					success(res) {
						console.log(res)
					}
				})
			}
		}
	}
</script>

数据缓存

uni.setStorage（将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口 ，简单的就是只能存储一个数据）

<template>
	<view>
		<button type="primary" @click="setStor">存储数据</button>
	</view>
</template>

<script>
	export default {
		methods: {
			setStor () {
				uni.setStorage({
				 	key: 'id',
				 	data: 100,
				 	success () {
				 		console.log('本地数据存储成功')
				 	}
				 })
			}
		}
	}
</script>

<style>
</style>

uni.setStorageSync（将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。简单的就是也是只能存储一个数据）

<template>
	<view>
		<button type="primary" @click="setStor">存储数据</button>
	</view>
</template>

<script>
	export default {
        data() {
            name:""
			},
		methods: {
			setStor () {
                // 同步接口获取
				uni.setStorageSync("name","张三")
			}
		}
	}
</script>

<style>
</style>

uni.getStorage（从本地缓存中异步获取指定 key 对应的内容。）

<template>
	<view>
		<button type="primary" @click="getStorage">获取数据</button>
	</view>
</template>
<script>
	export default {
		data () {
			return {
				id: ''
			}
		},
		methods: {
			getStorage () {
				uni.getStorage({
					key: 'id',
					success:  res=>{
						this.id = res.data
					}
				})
			}
		}
	}
</script>

uni.getStorageSync（从本地缓存中同步获取指定 key 对应的内容。）

<template>
	<view>
		<button type="primary" @click="getStorage">获取数据</button>
	</view>
</template>
<script>
	export default {
		methods: {
			getStorage () {
				const id = uni.getStorageSync('id')
				console.log(id)
			}
		}
	}
</script>

uni.removeStorage（从本地缓存中异步移除指定 key。）

<template>
	<view>
		<button type="primary" @click="removeStorage">删除数据</button>
	</view>
</template>
<script>
	export default {
		methods: {
			removeStorage () {
				uni.removeStorage({
					key: 'id',
					success: function () {
						console.log('删除成功')
					}
				})
			}
		}
	}
</script>

uni.removeStorageSync（从本地缓存中同步移除指定 key。）

<template>
	<view>
		<button type="primary" @click="removeStorage">删除数据</button>
	</view>
</template>
<script>
	export default {
		methods: {
			removeStorage () {
				uni.removeStorageSync('id')
			}
		}
	}
</script>

上传图片（uni.chooseImage方法从本地相册选择图片或使用相机拍照。）

<template>
	<view>
		<button @click="chooseImg" type="primary">上传图片</button>
		<view>
			<image v-for="item in imgArr" :src="item" :key="index"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				imgArr: []
			}
		},
		methods: {
			chooseImg () {
				uni.chooseImage({
					count: 9,
					success: res=>{
						this.imgArr = res.tempFilePaths
					}
				})
			}
		}
	}
</script>

预览图片

<view>
	<image v-for="item in imgArr" :src="item" @click="previewImg(item)" :key="item"></image>
</view>

previewImg (current) {
  uni.previewImage({
    urls: this.imgArr,
    current
  })
}

 条件注释实现跨段兼容（条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。 ）

<!-- #ifdef H5 -->
<view>只在H5页面显示</view>
<!-- #endif -->
			
<!-- #ifdef MP-WEIXIN -->
<view>只在微信小程序页面显示</view>
<!-- #endif -->
onLoad () {
  //#ifdef MP-WEIXIN
  console.log('微信小程序')
  //#endif
  //#ifdef H5
  console.log('h5页面')
  //#endif
}
/* #ifdef H5 */
view{
  height: 100px;
  line-height: 100px;
  background: red;
}
/* #endif */
/* #ifdef MP-WEIXIN */
view{
  height: 100px;
  line-height: 100px;
  background: green;
}
/* #endif */

利用navigator进行跳转（声明式导航跳转）

跳转到普通页面

<navigator url="/pages/about/about" hover-class="navigator-hover">
  <button type="default">跳转到关于页面</button>
</navigator>

跳转到tabbar页面 （跳转tabbar页面，必须设置open-type="switchTab"，navigator-open-type属性 如果使用对应的值，则对应值的功能会高于对应跳转路径。）

<navigator url="/pages/message/message" open-type="switchTab">
  <button type="default">跳转到message页面</button>
</navigator>

利用编程式导航进行跳转（编程式导航跳转）

利用navigateTo进行导航跳转

保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。

<button type="primary" @click="goAbout">跳转到关于页面</button>
goAbout () {
  uni.navigateTo({
    url: '/pages/about/about',
  })
}

通过switchTab跳转到tabbar页面

跳转到tabbar页面

<button type="primary" @click="goMessage">跳转到message页面</button>
goMessage () {
  uni.switchTab({
    url: '/pages/message/message'
  })
}

redirectTo进行跳转

关闭当前页面，跳转到应用内的某个页面。

<!-- template -->
<button type="primary" @click="goMessage">跳转到message页面</button>
<!-- js -->
goMessage () {
  uni.switchTab({
    url: '/pages/message/message'
  })
}

 导航跳转传递参数（在导航进行跳转到下一个页面的同时，可以给下一个页面传递相应的参数，接收参数的页面可以通过onLoad生命周期进行接收 ）

传参数页面

goAbout () {
  uni.navigateTo({
    url: '/pages/about/about?id=80',
  });
}

接收参数的页面

<script>
	export default {
		onLoad (options) {
			console.log(options)
		}
	}
</script>

注意：url有长度限制，太长的字符串会传递失败，可使用窗体通信 (opens new window)、全局变量 

<navigator 
    :url="'/pages/navigate/navigate?item='+ encodeURIComponent(JSON.stringify(item))"></navigator>

// navigate.vue页面接受参数
onLoad: function (option) {
	const item = JSON.parse(decodeURIComponent(option.item));
}

 组件之间的传值

父传子

1.准备要传输的数据，在父组件之间data中定义要传的值

2.父组件上注册使用的子组件上使用动态绑定，自己理解为在子组件在父组件上注册的那一部分作为媒介

3.子组件中用计算属性props接收父组件所传的值，自己理解为定义站点来接收

4.接收到了即为子组件自己的数据了，但是这个数据会随着父组件的该改变儿改变

示例如下：

父组件

<template>
	<!-- 父组件 -->
	<view class="content">
		<view>我是父组件</view>
		<!-- 子组件 -->
		<son :name="name"
		     :age="age"
		></son> 
	</view>
</template>

<script>
	import son from "@/pages/comments/son/son.vue"
	export default {
		data() {
			return {
				name:"李四",
				age:"25"
			};
		},
		components: {
			son
		},
	}
</script>

<style lang="scss">
.content{
	width: 100%;
	height: 400px;
	background-color: bisque;
}
</style>

子组件

<template>
	<view>
		<!-- 子组件 -->
		<view>
		姓名:{{ name }}
		</view>
		<view>
		年龄:{{ age }}
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		},
		props: {
			name: {
				type: String,
				default: ""
			},
			age:{
				type:Number,
				default:""
			}
		},
	}
</script>

<style>
	view{
		width: 100%;
		height: 100rpx;
		background-color: aquamarine;
	}
</style>

子传父

1.准备子组件需要传输的数值，就是在data中定义或者用v-model去获取需要传输的数据

2.在子组件触发this.$emit自定义事件来传递数据，括号里面即为自定义事件与需要传的数值或者参数

3.在父组件所注册的子组件中设置自定义事件，然后再事件中传入参数来接收

4.可以在父组件data中定义一个参数来接收传过来的参数，总而言之无论是子传父还是父传子都是利用子在父所注册的组件作为媒介来传递数据

示例如下：

子组件

<template>
	<view>
		
		<input type="text" v-model="msg">
		<button @click="sendData">发送数据给父组件</button>
	</view>
</template>

<script>
	export default {
		
		methods: {
			sendData(){
		// 触发自定义事件，传递数据  childEvent 父组件收到的事件名称  
			this.$emit("childEvent", this.msg) 
			}
		},
		
	}
</script>

<style>
	view{
		width: 100%;
		height: 100rpx;
		background-color: aquamarine;
	}
</style>

父组件

<template>
	<!-- 父组件 -->
	<view class="content">
		<view>我是父组件</view>
		<!-- 子组件 -->
		<son @childEvent = "getData"
		></son>
		<hr>
		<view class="sonData"> {{getChild}}</view>
	</view>
</template>

<script>
	import son from "@/pages/comments/son/son.vue"
	export default {
		data() {
			return {
				getChild:""
			};
		},
		methods:{
			getData(value){
				console.log(value);
				this.getChild = value 
			}
		},
		components: {
			son
		},
	}
</script>

<style lang="scss">
.content{
	width: 100%;
	height: 400px;
	background-color: bisque;
}
.sonData{
	width: 100%;
	height: 400px;
	margin-top: 200px;
}
</style>

兄弟组件之间的传值

准备接收方与接收方及相关数据，利用uni.$on来监听全局事件与uni.$emit来触发全局事件达到传递数据的作用（这里与vue的方式有点不同，请仔细理解）

接收方组件

<template>
	<view class="bro02">
		我是兄弟组件B
		<view>接收到的数据:{{num}}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num:0
			}
		},
		methods: {
			
		},
		created() {
			// 全局监听事件
			uni.$on("updataNum",num=>{
				this.num+=num
			})
		}
	}
</script>

<style>
.bro02{
	width: 100%;
	height: 50px;
	border:1px solid #ccc;
	background-color: #6b9fcc;
}
</style>

发送方组件

<template>
	<view class="bro01">
		我是兄弟组件A
		<button @click="addNum" size="mini">准备发送数据</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			addNum(){
				// 触发事件
				uni.$emit("updataNum",10)
			}
		}
	}
</script>

<style>
.bro01{
	width: 100%;
	height: 50px;
	border:1px solid #ccc;
	background-color: beige;
}
</style>

总而言之就是通过uni.$emit与uni.$on的全局触发与监听来达到传输数据的作用

如何导入组件库（这个与vue导入组件库的方式相类似详情可以问度娘）

爱前端的小程子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app开发介绍PPT
08-12
如果开发者没有接触过小程序和Vue.js，可以查看官方文档，然后回来学习uni-app。uni-app的开发需要遵循Vue单文件组件（SFC）规范，组件标签靠近微信小程序规范，接口能力（JS API）靠近微信小程序规范，数据绑定及...
基于uni-app开发的微信小程序商城项目
08-03
uni-app巨惠购微信小程序介绍 此项目是基于uni-app开发的微信小程序商城项目，开发工具用的是Hbuilder和微信开发者工具，前端用的vue3.0,后台的数据用的是用node搭建的本地服务器，通过内网穿透的方式进行数据外网...
uni-app如何页面传参数的几种方法总结
10-15
主要介绍了uni-app如何页面传参数的几种方法总结,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
uni-app界面之间的传参
土拨鼠博客
08-01 2865
在进行页面的跳转的时候，往往需要我们将一些参数携带着传递过去这里的class样式
enablePullDownRefresh是什么
最新发布
Candy_672328094的博客
04-17 569
是在基于 Vue.js 的移动端开发框架（如 uni-app、Taro 等）或微信小程序中用于启用页面下拉刷新功能的一个属性。它通常应用于页面或组件的配置选项中，以允许用户通过下拉屏幕内容触发数据刷新的操作。）中编写实际的数据刷新逻辑，并在数据更新完成后调用对应的 API（如。在 uni-app 中，您可以在页面对应的。后，您还需要在相应页面的生命周期方法（如。）来结束刷新状态，隐藏刷新指示器。在微信小程序中，您可以在。
uniapp 路由uni.navigateTo 传参
lanbaiyans的博客
05-12 2127
uniapp 路由uni.navigateTo 传参，是否需要转码解码decodeURIComponent，encodeURIComponent
uniapp navigateTo url路由传参(传递对象)
名人卷耶
11-23 5591
1、跳转页面 // 详情 myInInfoClick(obj) { uni.navigateTo({ url:'./components/addIn?dataItem='+JSON.stringify(obj) }); }, 2、跳转到的页面 onLoad(option) { this.form = JSON.parse(option.dataItem) console.log(this.form); }
uni-app入坑指南
01-27
uni-app官方文档uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势 。跨端数量更多平台能力不受限性能体验更优秀周边生态丰富学习成本低开发成本低
HBuilderX,uni-app
10-01
HBuilderX 和 uni-app 多端开发框架 uni-app 是一个基于 Vue.js 的多端开发框架，允许开发者使用一套代码发布到多个平台，包括 iOS、Android、Web 和各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）。uni...
uni-app 从入门到光头.txt
05-12
uni-app多端适配技术自我学习，通往强者（光头）的钥匙
uni-app学习笔记-页面跳转和传参问题
weixin_44090040的博客
05-14 790
uni-app 有两种页面路由跳转方式：使用navigator组件跳转(一般用作tabBar导航)、调用API跳转(一般用作界面打开)，需要把界面在路由中注册。
uni-app——使用uni.navigateTo传递对象参数
Bonsoir777的博客
12-27 8553
本文主要介绍如何通过uni.navigateTo传递对象参数
uni-app页面之间传参
培根芝士的专栏
03-24 810
uni-app页面跳转和页面返回时在页面之间传递参数
uniapp 页面之间传参
weixin_50606255的博客
12-23 7207
方法一： 传递参数： let content = { id: 123, title: '文章', createTime:'2021-12-23' } uni.navigateTo({ url: '/pages/strategy/fx?content=' + JSON.stringify(content) }) 接收参数： onLoad(val) { let date= JSON.parse(val.content); }, 这种方法有一种缺陷，在传递大量参数时可能会造成数据截断或者数
uniapp 页面间传参方法
carbonzhao的专栏
10-26 2685
一般来说 uni.navigateTo 的参数传递可以满足页面的传递，但遇到需要更新上级页面的需求时，就需要使用uni.e m i t ( ) 和 u n i . emit()和uni.emit()和uni.on() 进行页面间通讯。在一般情况下，单向传递已经可以满足我们的业务需求，如向下级页面传递需要显示的参数、变动的状态，向上级页面传递的需要更新的数据或是需要再次调用的函数。作为最常用也是最简单的跳转携带参数的API，这里不多赘述，想详细了解的朋友可以前往官方文档学习，这里只做传参分享。
uniapp页面传参的几种方式总结
qq_51411811的博客
08-26 4975
uniapp页面传参的几种方式总结，（父子通讯）
uniapp uni.navigateTo传递（对象类型）参数
热门推荐
程邓楠的博客
07-24 2万+
最近在做微信小程序，用的是uniapp开发的，自己记录一下，也和大家分享一下 1、字符串拼接，传递单个属性值 index页面传递： data(){ return{ companyOrgId:1 } } methods:{ goRegister() { uni.navigateTo({ url: `./registerDetail?companyOrgId=${this.companyOrgId}` }); }, } .
uni-app学习路线；
10-18
如果你想学习 uni-app，可以按照以下路线进行学习： 1. 先学习 Vue.js，掌握 Vue.js 的基本语法和组件化开发思想。 2. 学习 uni-app 的基本概念和使用方法，可以参考官方文档和教程。 3. 学习 uni-app 的 API 和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值