# 使用vux及vuex-i18n需要做的工作 ### 1.首先需要安装vux ### 2.需要安装vux-loader ### 3.需要安装vuex ### 4.需要安装vuex-i18n ### 5.需要进行安装less-loader(需要注意,因为容易被忘记) ### 6.需要在配置文件的webpack.base.config.js中进行引入这个部分,并且将module.exports改为originalConfig,引入部分放到原来的module.exports整个对象的下面如下 ```…

国际化vue-i18n的使用: import Vue from 'vue'; import VueI18n from 'vue-i18n'; // 引入语言包 import zh from '@/common/i18n/zh'; import en from '@/common/i18n/en'; // 多语 Vue.use(VueI18n); // 实例化语言包 const i18n = new VueI18n({ locale: 'english', // 语言标识,默认英文 // this…

JAVA学习总结    2 第一天    2 1:计算机概述(了解)    2 (1)计算机    2 (2)计算机硬件    2 (3)计算机软件    2 (4)软件开发(理解)    2 (5)语言    2 (6)人机交换    2 2:键盘功能键的认识和快捷键(掌握)    2 (1)功能键的认识    2 (2)快捷键    3 3:常见的DOS命令(掌握)    3 (1)常见的如下    3 (2)其他的几个(了解)    3 4:Java语言概述(了解)    4 (1)Jav…

一.安装 cnpm install vux --save cnpm install vux-loader --save-dev 二.配置 const vuxLoader = require('vux-loader') const webpackConfig = { ... } module.exports = vuxLoader.merge(webpackConfig, { options: {}, plugins: [{ name: 'vux-ui' }] }) 三.调用 import { A…

问题描述: 将百度地图封装成一个独立的组件BMapComponent,具体见 Vue系列:如何将百度地图包装成Vue的组件(http://www.cnblogs.com/strinkbug/p/5769075.html),然后将BMapComponent作为vux的popup组件的子组件,代码如下: <popup :show.sync="showPositionContainer" style="position:absolute"> <b-map…

1. 问题描述:popup弹出层在遮罩层下面的 2.原因:因为滚动元素和mask遮罩层在同一级,vux框架默认把遮罩层放在body标签下的 3.解决方法:更改一下源码,把mask遮罩层放在popup同级下,这个问题就可以解决 代码如图: ps: 在组件中找到popup.js 文件 ,在文件中修改成 红色部分…

elementUI 官网:http://element.eleme.io/ 使用步骤: 1.安装完vue-cli后,再安装 element-ui 命令行:npm i element-ui -D 相当于  npm install element-ui --save-dev //   i -> install       D  -> --save-dev       S -> --save   都是缩写 2.在main.js入口文件中引入它的js和css import ElementUI f…

接上篇文章:https://www.cnblogs.com/ligulalei/p/10622778.html在上篇文章中实现了通过使用scrollIntoView()在使用vux的移动端实现了点击锚点进行页面dom定位,但是这个demo在ios中运行存在兼容性问题,滑动页面时使用position:absolute定位的dom会出现跳动现象,待有时间再解决这个bug.好了,开始本篇内容部分:本篇内容是在上篇内容的基础上二次开发而来,实现了双向定位,当页面上下滑动到某个位置时,对应的锚点会出现高亮…

背景 前不久,刚完成了一个商品列表+购物车功能的页面,因为一级商品分类在顶部tab中显示,可滑动,间距可定制,如下图所示: 定制的tab需求如下: 1. 每个tab-item的间距是相同的,可定制 2. 每一个tab-item的宽度是随着文字的增多而宽度增大 3. 当tab-item小于等于4个时,tab-item填满当前屏幕,平分剩余空间:当tab-item超过4个时,tab可滑动选择 4. 点击tab-item时,底部横线居中显示,跟随在点击的tab-item底部 5. 从上一个页面点击一级…

第一步 在vue项目中的package.json文件的dependencies中添加下面三行,即安装vux及其相关依赖 "vux":"^2.7.3", "vux-loader": "^1.1.26", "less-loader": "^4.0.5" npm install 安装上面依赖 第二步 在bulid —>webpack.base.conf.js下, 1)首先引入vux-lo…