小程序踩坑日记(基于uniapp)

最新推荐文章于 2024-06-01 15:46:07 发布

TTANF_1

最新推荐文章于 2024-06-01 15:46:07 发布

阅读量295

点赞数

分类专栏：小程序文章标签： vue.js npm webpack

本文链接：https://blog.csdn.net/TTANF_1/article/details/106548912

版权

项目搭建

vant-ui使用

在 src 目录下创建了个 wxcomponents ，然后把 vant-ui 的github上的dist拖到 wxcomponents/vant目录下
使用的时候在 pages.json 里挂载一下

{
   
	"path": "pages/mine/edit-user",
	"style": {
   
		"usingComponents": {
   
			"van-button": "/wxcomponents/vant/dist/button/index"
		}
}

样式覆盖

新手看文档要有头有尾，不然都不知道不报错也没效果是为什么

vant组件使用标签名写样式覆盖的时候，注意去控制台检查元素再看看
有可能你拿到的不是你想的元素（van-button），可能是他下一层的(.vant-button)

组件使用

添加相应样式时，记得要 v-bind/: 绑定，组件的相关事件用 @ 绑定

封装请求

export default function (config) {
   
  // 从参数中解构 baseURL 参数
  const {
   baseURL} = config;
  return function (Vue) {
   
    // 挂载全局方法
    Vue.prototype.http = async function (params) {
   
      // 请求参数
      const {
   url, method, data, header} = params