Vue 微信小程序 uni-app学习系列《二》添加搜索插件
使用插件
官方文档: 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>
还没有评论,来说两句吧...