摘要:
用Nuxt构建,实现一个英文 / 西班牙 / 中文语言的网站,配合vue-i18n去解决切换语言的问题记录 1.安装vue-i18n npm install vue-i18n --save 2.新建locales文件,en-us.js / es-es.js / zh-cn.js ,分别对应 英文 / 阅读全文
摘要:
因为项目需求完成一个大转盘抽奖,九宫格抽奖活动,所以推荐一个免费插件https://100px.net/ 1、首先安装插件 npm install vue-luck-draw 2、封装组件 <template> <div class="luckDraw"> <div class="box"> <Lu 阅读全文
摘要:
github上查看vue-awesome-swiper发现其使用的是swiper4:v3.1.3版本 1、安装vue-awesome-swiper npm install vue-awesome-swiper@3.1.3 --save 2、在plugins下新建vue-swiper.js文件 imp 阅读全文
摘要:
Vue+element 实现表格导出xlsx格式 1、安装 npm install file-saver xlsx --save cnpm install file-saver xlsx --save //淘宝镜像 2、新建一个文件夹daochubiaoge放daochubiaoge.js impo 阅读全文
摘要:
element ui 表格没有自带的拖拽排序的功能,只能借助第三方插件Sortablejs来实现,并实现禁止某列被拖拽,用了如下参数handle,filter,preventOnFilter,draggable,配置地址:http://www.sortablejs.com/options.html 阅读全文
摘要:
在vue中使用天气插件 中国天气网站 https://cj.weather.com.cn/ 应用: <div id="weater"> <div id="weather-v2-plugin-standard" ref="weather"></div> <remote-script src="http 阅读全文
摘要:
在vue创建项目的时候,如果你错误开启了eslint的校验,代码不规范就会有以下报错: 第一种方法:vue cli4项目中会有单独的一个eslintrc.js文件,这个js文件里面就是代码规范的配置项,你可以尝试注释掉'@vue/standard', 即关闭Eslint语法规范, // '@vue/ 阅读全文
摘要:
打开谷歌浏览器就崩溃一般都是Windows7升级Windows10才会出现此问题 1、在桌面上找到谷歌浏览器,然后右键点击浏览器。 2、找到以管理员身份运行,如果还是打不开请继续往下看。 3、右键点击谷歌浏览器后找到属性。 4、然后点击上方的兼容性。 5、把以兼容模式运行此程序打上勾。 6、然后点击 阅读全文
摘要:
如图,最近在做Tabs切换,发现一进来渲染所有Tabs组件时页面卡慢,所以我选择用切换子路由的方式来按需加载子组件的内容 <template> <div> <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick 阅读全文
摘要:
小程序跳转H5 需要用到小程序的web-view,https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html web-view是承载网页的容器,会自动铺满整个小程序页面。 <view class="page-bod 阅读全文