vue移动组件vant官网打不开的解决方法

最新推荐文章于 2024-06-20 17:41:16 发布
最新推荐文章于 2024-06-20 17:41:16 发布
阅读量3.4k 收藏 4
点赞数
分类专栏： 学习笔记 文章标签： html5 typescript javascript css vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44771007/article/details/108768018
版权

在这里插入图片描述
1.：在站长工具中检测vant的dns，站长工具的地址：站长工具DNS查询链接
在这里插入图片描述
2. 复制紫色框中的ip，应该是复制其中的任一个都行
3. 以管理员身份运行 打开hosts文件，一般hosts文件路径：C:\Windows\System32\drivers\etc\hosts
在这里插入图片描述
添加箭头指的内容，保存后重新打开vant的官网即可

flyyy菜鸟
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue-vant-template:带有VantUI的Vue移动项目模板
05-20
模板 Vue移动端项目模板，组件库 项目设置 $ yarn install 编译和热重装以进行开发 $ yarn run serve 编译并最小化生产 $ yarn run build 整理和修复文件 $ yarn run lint:fix 自定义配置 请参阅。
vant官网打不开，国内官网进
热门推荐
jastalented的博客
10-20 2万+
vant官网打不开，国内官网进，中文教程 国内vant官网地址：https://vant-contrib.gitee.io/vant/#/zh-CN/
Vant2组件库的基础应用
最新发布
qq_44930306的博客
06-20 662
页面初始化时加载初始列表方法，随着页面向下滚动和刷新，页面递增，此时发送请求，获取下一页数据，这个适用于vue2，只需要换成自己的接口和循环组件即可！点击field栏，选择本周时间，选中后将值回显（minDate和maxDate在方法里限制了范围，在确定事件里整理格式，然后赋值给field栏绑定的值）columns: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'],="xx",因为它只能过滤头部和尾部的空格，而不能过滤中间的，所以自己再写了个方法。
关于vant2官网打不开的问题，已解！！！
weixin_73889628的博客
06-01 1456
vant2官网打不开办法，已解
vant-weapp官网打不开（转载）
Solomwn的博客
08-07 2387
是否有小伙伴跟小编一样，突然发现 vant-weapp进不去了 后来在码云上找到了一个国内的版本：https://vant-contrib.gitee.io/vant/#/zh-CN/home 但是用的时候发现 属性有些许差异： 应该是版本不一致导致的。 但是这不能忍啊！！！后来找了很多方式，最终如下方式能生效 step1：前往“站长工具”查询youzan.github.io的DNS 站长工具路径：http://tool.chinaz.com/dns?type=1&host=youzan.githu
vant官网不稳定打不开？试试这个！
m0_62992156的博客
05-28 496
https://vant-ui.github.io/vant/#/zh-CN
vant-weapp官网打不开
steven.yang
08-04 1万+
是否有小伙伴跟小编一样，突然发现 vant-weapp进不去了 后来在码云上找到了一个国内的版本：https://vant-contrib.gitee.io/vant/#/zh-CN/home 但是用的时候发现 属性有些许差异： 应该是版本不一致导致的。 但是这不能忍啊！！！后来找了很多方式，最终如下方式能生效 step1：前往“站长工具”查询youzan.github.io的DNS 站长工具路径：http://tool.chinaz.com/dns?type=1&ho.
vant官网访问被拒绝
weixin_45515138的博客
08-08 2368
点击下方前往“站长工具”查询对应网址youzan.github.io的DNS 站长工具 找到TTL值最小的ip地址 和需要的网址对应关系，配置到hosts文件中 win10 hosts文件默认路径：C:\Windows\System32\drivers\etc 以管理员身份打开powershell 执行命令后会打开hosts文件 把查到的dns响应IP加上 后面加上网址，然后保存一下 刷新浏览器就ok喽 ...
vue vant Area组件使用详解
10-15
Vue Vant 是一款基于 Vue.js 的移动端 UI 组件库，提供了丰富的组件，用于构建美观且功能强大的移动应用。在 Vue Vant 中，`Area` 组件是一个用于选择省市区的组件，常用于地址选择等场景。这篇教程将详细介绍如何...
基于vue-cli4和vant搭建的移动端开发模板
02-19
Vant是滴滴出行开源的一款轻量级的移动端UI组件库，基于Vue.js，旨在为移动应用提供一套简洁、易用、高效的组件解决方案。Vant主要特点包括： 1. **轻量级**：Vant的体积小巧，基础版仅22KB，提供按需引入机制，...
Vue3.0+Vant3.0+Vue-Router4.0高仿微信记账本H5项目。.zip
10-21
在这个“Vue3.0+Vant3.0+Vue-Router4.0高仿微信记账本H5项目”中，开发者利用这些技术来实现一个类似微信的移动记账应用程序，让用户可以在手机网页上方便地管理个人财务。 **Vue3.0**： Vue3.0是Vue.js框架的最新...
vue+vant面试题库移动端.zip
10-04
Vant则是一款基于Vue.js的UI组件库，它提供了丰富的UI元素和设计风格，专为移动应用打造，追求极致性能和易用性。"vue+vant面试题库移动端"是一个针对Vue.js和Vant技术栈的求职者准备的面试资源集合，旨在帮助他们更...
Vant 1.x网站进不去？设置网络DNS
qq_41547882的博客
11-04 554
打开 “网络连接” 窗口，选中正在使用的网络，右击选择属性，在弹出的 “xxx属性”窗口中双击 ‘IPv4’协议（简称，具体参照下图） 选择 “高级” 在弹出的 “ 高级 TCP/IP 设置” 窗口中，选择菜单栏上的 “DNS”，添加如下图的三个 DNS 服务器地址，然后点击确认，自动回退到上一个窗口，点击确认，再次自动回退到上一个窗口，点击确认（一共三次确认）： 确认完后，应该就能成功进入 Vant 1.x网站： https://vant-contrib.gitee.io/vant/..
【Vant相关知识】
居然天上楼的博客
12-23 2957
Vant是一个轻量，可靠的移动端组件库，2017开源目前 Vant 官方提供了 [Vue 2 版本](3 版本](https://vant-contrib.gitee.io/vant)和[微信小程序版本](http://vant-contrib.gitee.io/vant-weapp)，并由社区团队维护[React 版本](target=https%3A%2F%2Fgithub.com%2F3lang3%2Freact-vant)和[支付宝小程序版本](本文中我们使用Vue2版本对应的Vant学习。
【vue2项目安装引入vant项目无法启动报错解决】
m0_65450343的博客
07-07 1813
vue2项目 误执行npm i vant@next -S项目报错不能启动解决：1、卸载该版本vant2、安装适用vue2项目的vant版本,实测有两个版本 2.12.2、2.10.12重新运行 npm run serve/ npm run dev项目启动成功。
vant框架 官方链接
qing_xing_的博客
07-14 1430
去百度上百度的vant官网链接都不能用，下面这个链接可以直接跳转到vant官方 适用于vue的：https://vant-contrib.gitee.io/vant/#/zh-CN/home 适用于微信小程序的：https://vant-contrib.gitee.io/vant-weapp/#/home
前端第三方组件库官网
weixin_67764885的博客
08-16 9250
移动端和pc的组件库
vue vant 移动上传pdf组件
06-03
你可以使用 vant 的上传组件，同时使用 pdf.js 库来实现上传 PDF 文件并在移动端预览。具体实现步骤如下： 1. 在项目中安装 vant 和 pdf.js 库： ```bash npm install vant pdfjs-dist ``` 2. 在组件中引入 vant 的上传组件和 pdf.js 库： ```javascript import { Uploader } from 'vant'; import pdfjsLib from 'pdfjs-dist'; ``` 3. 在组件中使用 vant 的上传组件： ```html <van-uploader v-model="fileList" :upload-text="'上传PDF'" :after-read="afterRead" accept="application/pdf" multiple /> ``` 其中，v-model 绑定文件列表，upload-text 设置上传按钮文本，after-read 指定上传后的回调函数，accept 设置只允许上传 PDF 文件，multiple 允许上传多个文件。 4. 在回调函数中使用 pdf.js 库来预览 PDF 文件： ```javascript afterRead(file) { const reader = new FileReader(); reader.readAsArrayBuffer(file); reader.onload = () => { pdfjsLib.getDocument({ data: reader.result }).promise.then(pdf => { pdf.getPage(1).then(page => { const canvas = document.createElement('canvas'); const viewport = page.getViewport({ scale: 1 }); const context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; page.render({ canvasContext: context, viewport }).promise.then(() => { const url = canvas.toDataURL(); window.open(url); }); }); }); }; } ``` 在该函数中，先使用 FileReader 将文件转为 ArrayBuffer，然后使用 pdf.js 的 getDocument 方法获取 PDF 文档对象，并使用 getPage 方法获取第一页。接着，创建一个 canvas 元素，设置其大小为第一页的大小，使用 page.render 方法将 PDF 渲染到 canvas 上，并将 canvas 转为 data URL，最后使用 window.open 打开预览窗口。 这样就可以在移动端上传 PDF 文件并预览了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值