sunddy_x的博客

vant3选择器绑定对象数组的显示数据

今天接手离职同事的项目，项目用到了vant，他使用的按需引入的方式个人感觉引入了这么多组件，还不如直接全部导入，后面用到没引入过的组件也能直接使用，因此把按需引入的代码改成了全局导入的方式，然后运行，报错：Vant is not defined。检查文档后发现了一个提示：此处的配置是引入方式一的 自动按需引入组件，因为我平时项目如果引用vant组件极少，会使用引入方式二的 手动按需引入组件，方式二不需要任何配置，在需要的页面即写即用但是方式一（推荐方式）是需要配置的，并且与全局引入方式是冲突的

前言项目中遇到需要在选择器中展示多行数据，这里需要用到picker的自定义选项内容。代码<template> <div class="app-container"> <van-nav-bar :title="navTitle" /> <section> <van-form @submit="onSubmit"> <van-field readonly

前言之前图片压缩是公司前辈留下的一个js方法，采用的回调函数处理。最近一个项目为了优化用户体验，在图片上传失败后要根据接口返回的状态值更改页面UI，此时该js方法就会出现异常，于是我找到了 image-conversion。安装npm i image-conversion --save或者yarn add image-conversion引入import * as imageConversion from 'image-conversion'或者import {compress, c

简介Vant是一个便捷、好用的移动端组件库，你可以通过它快速的搭建移动端网页。组件中提供了大量的属性供我们自定义编辑，但也有一些常用属性组件中并未提供，比如 NavBar导航栏 的背景色。想要修改它我们有两种方案，第一种是 检查元素 ，找到对应的类名，修改相关属性即可。第二种是 定制主题 ，下面详细介绍该方案。定制主题介绍Vant 提供了一套默认主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。如果你想完全替换主题色或者其他样式，可以按照本文档进行主题定制。Vant 使用了 Less 对