vux 选择器_vue项目中vux的使用

vux

VUX 是基于 WeUI 和 Vue.js 的移动端 UI 组件库,提供丰富的组件满足移动端(微信)页面常用业务需求。

在vue-cli中使用步骤如下：

1、安装：

npm i vux -S

2、vux2必须配合vux-loader使用，并配置build/webpack.base.conf.js

npm i vux-loader -D

const vuxLoader = require("vux-loader")

const webpackConfig = originalConfig

//原来的module.exports 代码赋值给变webpackConfig

//注意：请把 resolve 里的 symlink 设为 true 如果你是使用 cnpm 进行依赖安装

//注意：原来build/webpack.base.conf.js中的module.exports 代码赋值给变量 webpackConfig

module.exports = vuxLoader.merge(webpackConfig, {

plugins: ['vux-ui', 'progress-bar', 'duplicate-style']

})

3、安装less-loader 编译

npm i less less-loader -D

4、安装yaml-loader 以正确进行语言文件读取

npm i yaml-loader -D

5、开始使用：

全局使用，需在main.js中配置

import { LoadingPlugin, ToastPlugin ,AlertPlugin } from 'vux'

Vue.use(LoadingPlugin)

Vue.use(ToastPlugin)

Vue.use(AlertPlugin)

组件中调用

// 显示等待框

this.$vux.loading.show({

text: '加载中...'

});

// 隐藏等待框

setTimeout(() => {

this.$vux.loading.hide()

}, 300);

// 提示信息

this.$vux.toast.show({

type: 'text',

position: 'middle',

text: '请输入查询内容!'

});

更多组件的使用点这里

vux 选择器_vue项目中vux的使用相关推荐

vux 选择器_vue项目中安装和使用vux组件
1.使用npm安装vux npm install vux --save 2.安装vux-loader(vux2必须配合vux-loader使用) npm install vux-loader --sa ...
vue 怎么在字符串中指定位置插入字符_vue项目中在可编辑div光标位置插入内容的实现代码...
vue项目中在可编辑div光标位置插入内容 html: @dragstart="dragStart($event, item.labelName)" draggable='true ...
axios nodejs 上传图片_vue项目中使用axios上传图片等文件操作
axios 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 ...
vue 用户名重复验证_Vue项目中实现用户登录及token验证
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 1.第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2.后端收到请求,验证用户名和密码,验证成功,就给前端返回一个to ...
对hash签名失败_vue项目中微信jssdk在ios签名失败
一.问题描述 1. vue项目中微信jssdk签名时,在安卓和ios是有差异的,签名时使用的url=window.location.href.split('#')[0],此时在安卓没问题,在ios会导 ...
wegame每次登陆都要滑动验证_Vue项目中实现用户登录及token验证
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 1.第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2.后端收到请求,验证用户名和密码,验证成功,就给前端返回一个to ...
vue光标插入内容_vue项目中在可编辑div光标位置插入内容的实现代码
vue项目中在可编辑div光标位置插入内容 html: @dragstart="dragstart($event, item.labelname)" draggable='true ...
vue怎么vw布局好用_Vue项目中使用vw实现移动端适配-阿里云开发者社区
我们在vue移动端项目中的适配一般都采用rem,但是rem也不是能兼容所有的终端. 随着viewport单位越来越受到众多浏览器的支持,下面将简单介绍怎么实现vw的兼容问题,用vw代替rem 当我们采 ...
vue 方法获取返回值_Vue项目中Api的组织和返回数据处理的操作
项目中的所有Api配置放在一个文件中,便于查找和修改,Api的版本从配置文件(config.js)中读取,采用 apiPrefix + url 的形式组成. 在配置文件中,Api 的配置采用 Http ...

vux 选择器_vue项目中vux的使用

vux 选择器_vue项目中vux的使用相关推荐

最新文章

热门文章