Vue 微信小程序 uni-app学习系列《二》添加搜索插件

最新推荐文章于 2024-07-26 16:15:39 发布

潘多编程

最新推荐文章于 2024-07-26 16:15:39 发布

阅读量1.1k

点赞数 1

分类专栏：微信小程序 Vue

本文链接：https://blog.csdn.net/h356363/article/details/90315117

版权

微信小程序同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

Vue

6 篇文章 0 订阅

订阅专栏

使用插件

官方文档： https://cn.vuejs.org/v2/guide/index.html

在这里插入图片描述

导入插件成功以后

在这里插入图片描述

复制上面插件的内容，到新的文件

在这里插入图片描述

修改pages.json

在这里插入图片描述

运行结果

在这里插入图片描述

第二种使用插件的方式 --引用插件

jm-search 搜索页面组件

搜索页面组件，用于搜索数据、处理历史搜索并存于本地存储。组件名jm-search。

使用方式：

在 script 中引用组件

import search from "@/components/jm-search/jm-search.vue"
export default {
    components: {uniPagination}
}

用法:


<template>
	<view>
		<search></search>
		  <view class="uni-form-item uni-column">
		          <view class="title">控制最大输入长度的input</view>
		          <input class="uni-input" maxlength="10" placeholder="最大输入长度为10" />
		      </view>
	</view>
	
</template>

<script>
	
	import search from "@/components/jm-search/jm-search.vue"


	export default {
		 components: {search},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>