ICode9

精准搜索请尝试: 精确搜索
  • 解决vant“switch搭配cell单元格使用”2021-10-05 11:02:13

    需删除value内容,腾出位置

  • vant解决:微信小程序 Vant Weapp 没有找到可以构建的NPM包,请确认需要参与构建的npm在miniprogramroot目录2021-10-02 13:04:17

    最近学习Vant Weapp的组件库,结果构建npm的时候出错了,回去查了官方文档,原来要修改project.config.json文件 npm init npm i @vant/weapp -S --production   开发者工具创建的项目,miniprogramRoot默认为 miniprogram,package.json在其外部,npm 构建无法正常工作。 需要手动在 pro

  • vuecli添加vant2021-09-30 09:35:33

    vuecli添加vant   使用HBuider创建vue项目, 并且引用vant 记住啊, 这里的vue本版是2.6 的, 不要搞糊涂了,   等待几分钟构建完成   打开终端 npm instal  一下    引入 vant    vant 说明文档:   https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart      

  • vue3版本手把手教你如何搭建一个移动端项目。按照步骤来。2021-09-27 15:36:02

    1、创建vue的项目  vue create project-name 2、安装vant 组件:库安装命令 npm install vant@next --save (因为使用的是vue3.x 所以要安装vant的针对vue3的版本 vant@next)   3、vant的进阶使用   npm i postcss postcss-pxtorem amfe-flexible --save     (用来将px尺寸

  • Vue Vant Cascader控件 三级城市数据2021-09-24 14:30:59

    在使用Vant 里的Cascader控件做三级城市列表的时候,以前的数据过时了,在网上找了很久的数据,都不是我想要的格式。我想要的是以下格式: 本想着偷懒直接找现成的,后来实在找不到。不过找到了这个库 GitHub - JasonBoy/china-location:

  • 微信小程序,【自定义组件】使用vant-weapp时,css样式覆盖不生效【已解决】2021-09-22 15:31:00

    自定义组件中,使用vant-weapp的 van-empty 时,修改默认样式不生效 <van-empty description="暂无数据" /> <van-button type="primary">主要按钮</van-button> .van-empty__image { width: 200rpx; height: 200rpx; } .van-button--primary { font-size: 28

  • vant 对于单选和多选的 @change 传递多个参数2021-09-18 21:03:40

    ' @change="getRadio($event,itemIndex)" getRadio(event,index){ console.log(event,index)     //output: 这里的event 打印出的是 当前单选或多选所选中的值,而后面的就是当前所在的索引值 },   

  • 小程序 —— Vant Weapp的引入使用2021-09-17 17:34:38

    1. 当初始化一个小程序项目,此时项目目录结构中是没有package.json这个文件的,需要执行npm init 创建一个package.json文件; 2.执行 npm i @vant/weapp -S --production, 安装vant weapp 组件到项目中   执行完毕如下图所示,会多出一个node_modules文件夹     3.  4. 构建npm,

  • uniapp引入vant报错Module build failed (from ./node_modules/postcss-loader/src/index.js) SyntaxError2021-09-17 16:32:43

    我uniapp中main.js引入vant 样式import 'vant/lib/index.css';出现报错,如下  找了很多解决办法都没效,最后解决了,方法如下: (1)在项目目录下建立一个html文件,文件名自定义, (2)在app.vue中引入vant样式,之前main.js中的vant样式删掉 app.vue main.js  运行项目即可  

  • mpvue中引用Vant-weapp时,没有把原来的px转换成rpx问题解决办法(踩坑记录)2021-09-16 10:36:22

    mpvue中引用Vant-weapp时,没有把原来的px转换成rpx问题解决办法(踩坑记录)  mpvue vant-weapp由于node_modules不会编译到dist目录中,所以使用npm安装的vant-weapp还需要将仓库中的vant文件夹复制到你的项目目录static下,至此问题就出在放在static文件夹中的文件打包的时候不会被webpa

  • uniapp中vant文件的引入及使用2021-09-15 16:59:28

    1.下载vant文件包 2.在pages同级目录下创建wxcomponents文件夹,并把vant文件夹放入         在vant官网找到想要的 查看引入方法,如:         在app.json或index.json中引入组件,详细介绍见快速上手。                 "usingComponents": {   

  • vue vant移动端列表刷新2021-09-14 14:30:55

    <van-pull-refresh v-model="listloading" @refresh="onRefresh"> <van-list v-show="list.length > 0" v-model="listloading" :finished="finished" finished-text="没

  • 搜索功能无数据时连续加载死循环2021-09-07 14:35:34

    场景: 项目运用技术: 移动端:vant 组件库,搜索功能的列表用 vant-list 组件封装,搜索时,连续触发 load 事件,并一直调用 api,处于死循环; 如图所示:     首先考虑的是 vant 组件的问题(受 vant 文档的影响)【未解决,不是此原因】参考:https://youzan.github.io/vant/#/zh-CN/list#list-de-yun

  • vant组件插槽失效2021-07-29 19:05:41

    vant组件插槽失效 项目里有用到vantUI组件库里的折叠面板选项,标题是需要自定义的,理所当然的使用插槽嘛,直接把官方文档的样式粘贴过来了,结果就是不生效,怀疑是不是哪里配置影响到了,各种找原因,找的心累 官网代码如下: <van-collapse v-model="activeNames"> <van-collapse-item

  • 学长认证模块产品官方原型图讲解:功能不复杂,但细节很多2021-07-22 10:03:44

    大家好,我是你们的大拿老师! 本期讲解的是学长学姐认证模块官方原型图的内容。 简单的认证流程为: 认证中——审核中——审核失败——重新认证 核心重点:认证信息和渠道。功能并不复杂,但是细节很多。 1.学校选择 无论是UI、前端还是开发,注意学校不是输入性,而是选择性。点击触发省和

  • 坑坑坑,vant通过 CDN 引入时不会自动注册组件2021-07-17 15:02:19

    cdn引入vant时,import Botton from "vant"方式引入会报如下错误: Cannot use import statement outside a module 因为通过 CDN 引入时不会自动注册组件,可以通过下面的方式手动注册Vue.use(vant.Lazyload); Vue.use(vant.Button); Vue.use(vant.TreeSelect); Vue.use(vant.List)

  • 微信小程序总结2021-07-13 20:03:40

    1.使用框架vant    https://vant-contrib.gitee.io/vant-weapp/#/field 缺点 样式不会修改  2.在小程序中赋值(可百度) this.setData({属性:参数}) 3.能不用绝对定位就尽量别用 4.小程序真机调试是input框会出现闪烁问题 5.绑定值 value=“{{value1}}” 6.扫码 isScan() {  

  • 记录vue3+vant创建新项目2021-07-06 10:33:15

    1.用vscode 新建一个vue项目      vue create jzui   2 参考vant 官网  Vant - 轻量、可靠的移动端组件库 (gitee.io) 通过 npm 安装 在现有项目中使用 Vant 时,可以通过 npm 或 yarn 进行安装: # Vue 2 项目,安装 Vant 2: npm i vant -S # Vue 3 项目,安装 Vant 3: npm i v

  • 使用Vant Weapp 构建微信小程序2021-07-05 14:02:11

    Vant Weapp 官网:介绍 - Vant Weapp (gitee.io) 步骤一:打开微信开发工具 新建空项目 步骤二:在新建的项目根目录下 执行  npm init -y 初始化 步骤三:安装 Vant Weapp 命令 npm i @vant/weapp -S --production 步骤四:微信开发工具详情本地设置勾选npm 然后点开工具 构建npm 以上

  • vue - Vant库 - popup弹出框实现两秒后自动关闭2021-06-29 11:33:41

    2021-06-29 vue - Vant库 - popup弹出框实现两秒后自动关闭 <van-button plain color="#4b8ffb" @click="toCancel">取消预约</van-button> <van-popup v-model="show"> <div class="myAppointment-content-popup">

  • vue+vant上拉加载2021-06-21 10:58:23

    一,今天分享一个vue+vant的上拉加载其中用到了Tab 标签页和List 列表,详细组件信息请看组件库,我这里就不做描述了,附上文档地址:https://vant-contrib.gitee.io/vant/#/zh-CN/list 二、HTML <div class="flower-tab"> <van-tabs v-model="active1" @click="onTabs" :sticky="true&q

  • vue3.0网络请求配置2021-06-20 09:32:26

    https://api.xdclass.net/pub/api/v1/web/index_card 测试接口   1、axios安装 2、axios全局配置在 main.ts中import vant from 'vant';import 'vant/lib/index.css';//引⼊vant样式组件//vant挂载到app这个实例上app.use(vant);npm install axios 3、发送⼀个axios请求验证⼀下

  • vue3main引入2021-06-20 09:06:39

    import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import vant from 'vant'; import 'vant/lib/index.css'; //引⼊vant样式组件//vant挂载到ap

  • Vant的picker组件放在popup中,导致ref获取不到2021-06-17 19:36:24

    情况:在设置picker的默认值时,需要使用$refs获取实例调用方法,但是一直不能获取到实列,而在弹出一次popup后就能获取到 原因:第一次页面加载时没有加载popup的dom,vant的Popup组件有个lazy-render属性用于控制是否在第一次加载popup的dom,默认时不加载 解决: 使用时增加属性 <van-popup

  • Vue.js+ElementUI+vant生成动态表单配置2021-06-15 09:33:10

    前言 我司最近在搭建一款后台管理系统,使用的是Vue全家桶配合Element-ui,遇到一个问题,需要处理很多的表单,所以想到的解决方案是通过后台配置生成动态表单,这对于我来说也算是新的挑战,涉及的功能有动态表单渲染和验证,那么一起来学习一下我是如何实现的吧! 本文仅仅代表笔者自己的

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有