app端vant接入离线地图（vant 地图）

vue "TypeError: Object(...) is not a function"

webpack.config 里面配置alias的时候不要用

'vue/dist/vue.e *** .js’这个里面没有zhidirective *** ，要用完整版的'vue/dist/vue.js'

resolve: {

alias: {

'vue$': 'vue/dist/vue.js',

'@': resolve('src')

}

},

具体要看hoverIntent这个函数了，也有可能你传的函数参数function里面的$(this)指的是全局window，没有click的 *** ，你把$(this)改成 $(".tabno .tabli")最外面的试试。

原因是在把原先一个较大的js文件拆分成多个小的js文件后，最后一行没有用分号结尾。大部分的jQuery脚本都用(jQuery)结尾，如果没有用分号断行，浏览器就不知道把连接起来了。

扩展资料：

config对象的几个 *** ：

（1）public String getParameter(String name);

返回制定的名称name初始化参数的值，如果参数不存在则返回null。

（2）public java.util.Enumeration getinitParameterNames();

得到所有初始化参数名称的枚举。

（3）public ServletContext getServletContext();

返回Servlet或 *** P页面所属的ServletContext的一个引用。

参考资料来源：百度百科-config（Web配置命令）

Vant前端框架

Vant 轻量、可靠的移动端 Vue 组件库

Vant 是一个 轻量 、 可靠的移动端组件库 ，于 2017 年开源。

目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。

文档：V2开发手册：

特性：

通过 npm 安装 .在现有项目中使用 Vant 时，可以通过 npm 或 yarn 进行安装：

通过 CDN 安装 .使用 Vant 最简单的 *** 是直接在 html 文件中引入 CDN 链接，之后你可以通过全局变量 vant 访问到所有组件。

通过 脚手架安装 .在新项目中使用 Vant 时，推荐使用 Vue 官方提供的脚手架 Vue Cli 创建项目并安装 Vant。

Vue脚手架（创建、了解结构、运行流程）,不清楚vue怎么创建请点击

打开 Dos命令窗口 ,使用下面命令创建Vue

添加安装Vant支持

项目创建完毕后,并不直接支持vant,我们需要将Vant的内容添加安装到当前Vue项目

添加引用

启动项目的命令

Vant 支持多种组件注册方式，请根据实际业务需要进行选择。

全局注册后，你可以在 app 下的任意子组件中使用注册的 Vant 组件。

局部注册后，你可以在当前组件中使用注册的 Vant 组件。

Vant 中的许多组件提供了实例 *** ，调用实例 *** 时，我们需要通过 ref 来注册组件引用信息，引用信息将会注册在父组件的 $refs 对象上。注册完成后，我们可以通过 this.$refs.xxx 访问到对应的组件实例，并调用上面的实例 *** 。

Vant 默认使用 px 作为样式单位，如果需要使用 viewport 单位 (vw, vh, vmin, vmax)，推荐使用 postcss-px-to-viewport 进行转换。

postcss-px-to-viewport 是一款 PostCSS 插件，用于将 px 单位转化为 vw/vh 单位。

下面提供了一份基本的 PostCSS 示例配置，可以在此配置的基础上根据项目需求进行修改。

表单组件

使用表单组件实现登录页面,是Vant直接提供的组件

向vue文件中复制文档中提供的代码

注意复制的位置,我们以AboutView.vue为例

然后直接访问about页面即可

area省市区选择

我们在手机app上经常需要选择省市区

Vant直接提供了这个组件

我们创建AreaView.vue文件

别忘了要设置路由才能访问这个页面

router文件夹下的index.js文件中添加路由代码

然后可以通过输入路径

localhost:8080/area访问这个页面

但是我们现在只能访问我们数组中定义的少数省市区

怎么才能想文档中显示所有省市区呢

需要引用官方提供的一个地址列表

这样就安装了所有省市区的数据到当前的项目

我们只需要修改js代码,让arealist引用这个数据内容即可

商品列表页

我们在开发酷鲨商城的过程中

移动端需要很多页面,商品列表页面是比较常见的页面之一

我们以商品列表页为例

带领大家开发一个页面

创建页面和路由配置

router/index.js添加路由信息

创建ListView.vue

添加事件调用的参考代码

Vant cdn模式引入的样式和js 怎么把Vant组件的px 转为rem 适配移动端

使用rem和用什么UI库无关，要想使用rem适配，需要在html标签下定义一个基值，例：

html {

font-size: 50px;

}

这样写的话1 rem就代表 50px;

使用rem时直接就

width: 1rem; 就代表宽度为50px;

如果使用sass，less这些css预编译语言的话，可以定义一个函数 pxTorem

@function pxTorem($px) { //$px,像素值

@return ($px/50) + rem;

}

使用的话直接 width: pxTorem(50) ,代表宽度为50px

vant可以和div一起用吗？

那必须可以啊，vant是前端UI框架，它还是用div实现的html，只是再封装了一下。你直接用div也是一样。