mpvue+vant app搭建微信小程序的方法步骤
作者：hirCodd 发布时间：2024-05-29 22:22:42
标签：mpvue,vant,app,小程序
mpvue使用
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project
# 安装依赖
$ cd my-project
$ npm install
# 启动构建
$ npm run dev
vant使用
yarn add vant
# 将node_modules下的vant-weapp下的dist目录复制到static下的vant目录即可调用
vant调用
main.json中调用
{
"navigationBarTitleText": "Home",
"usingComponents": {
"van-button": "../../static/vant/button/index",
"van-search": "../../static/vant/search/index",
"van-tabbar": "../../static/vant/tabbar/index",
"van-tabbar-item": "../../static/vant/tabbar-item/index",
}
}
index.vue中使用
<van-search
placeholder="请输入搜索关键词"
use-action-slot
bind:search="onSearch"
>
<view slot="action" bind:tap="onSearch">搜索</view>
</van-search>
来源：https://segmentfault.com/a/1190000018114400
0
投稿猜你喜欢
- # 简单的端口扫描工具# 作者: Charles# 公众号: Charles的皮卡丘import timeimport socketimpo
- Session StaticObjects 集合StaticObjects 集合包含 Session 对象范围中用 <OBJECT&g
JSP 注释的详解及简单实例一 三种格式二 举例 <body> <h1>大家好</h1- Oracle当然是世界上最强大的数据库，但它的客户端sqlplus真的不友好，现在还不能支持上下方向键翻查历史命令，这里介绍使用readli
- 大家好，今天给大家分享一下自己整理的一篇 Python 参数的内容，内容非常的干，全文通过案例的形式来理解知识点，自认为比网上 80％ 的文
- 一、基本形式sorted(iterable[, cmp[, key[, reverse]]])iterable.sort(cmp[, key
- 本篇博客会介绍如何使用python在excel和csv里实现vlookup函数的功能，首先需要简单了解一下python如何操作excel1.
- 需求背景假设我们想设计一个定时任务，比如每天定时的用python来测试服务是否在正常运行，但是又不希望每天登录到系统后台去查看服务状态。这里
- Fibonacci斐波那契数列，很简单，就是一个递归嘛，学任何编程语言可能都会做一下这个。最近在玩Python，在粗略的看了一下Learni
- 启动targetcli时遭遇ImportError: cannot import name ALUATargetPortGrou
- 一、函数入门1.概念函数是可以重复执行一定任务的代码片段，具有独立的固定的输入输出接口。函数定义的本质，是给一段代码取个名字，方便以后重复使
- SQL中的declare用法平时写SQL查询、存储过程都是凭着感觉来，没有探究过SQL的具体语法，一直都是按c#那一套往SQL上模仿，前几天
- 本文实例讲述了PHP+Ajax简单get验证操作。分享给大家供大家参考，具体如下：1、显示页面代码index.html<!DOCTYP
- 1. 定义节点// Node 定义节点type Node struct { Data any
- 前言工作中经常会使用到将宽表变成窄表，例如这样的形式编号编码单位1单位2单位3单位4.................. &nbs
- 功能描述：1、右击节点可进行增删改2、可对节点数据进行模糊查询3、右击第一级节点可以进行同级节点增加4、双击节点或点击修改节点 都可以对节点
- 官方文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ab
- 前言本文实现一个 Python 脚本,用来批量卸载模拟器或者实体机上面的 App 以及清除 LogCat 缓存。开发 Android 的朋友
- 每个电子商务数据分析师必须掌握的一项数据聚类技能如果你是一名在电子商务公司工作的数据分析师，从客户数据中挖掘潜在价值，来提高客户留存率很可能
- 关于Python的文件遍历，大概有两种方法，一种是较为便利的os.walk()，还有一种是利用os.listdir()递归遍历。方法一：利用
