
vue
丶思想
前端程序员
展开
-
【element】谷歌浏览器 el-dialog 概率出现背景全黑,透明度不生效
谷歌浏览器谷歌浏览器 el-dialog 概率出现背景全黑,透明度不生效class v-modal opacity:0.5 不生效采用 opacity: 1 background: 0.5透明度的黑色代码如下:End原创 2022-06-13 17:00:00 · 1546 阅读 · 0 评论 -
Vue/uni-app 获取git版本-----------精
首先安装 git-revision-webpack-plugin一、cnpm i git-revision-webpack-plugin --save然后打开package.json 查看devDependencies注意 版本一定不要5.0.0以上 ,有坑!二、vue.config.js 下写入const webpack = require("webpack");const GitRevisionPlugin = require("git-revision-webpack-pl原创 2021-05-13 11:19:40 · 521 阅读 · 0 评论 -
10个Vue开发技巧
路由参数解耦一般在组件内使用路由参数,大多数人会这样做:export default { methods: { getParamsId() { return this.$route.params.id } }}在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的...原创 2020-04-23 13:55:12 · 203 阅读 · 0 评论 -
简单实用的Vue移动端侧滑菜单(删除、编辑、详情等等)
cnpm install vue-fkl-sideslip // 或者npm// 引入import vueSideslip from 'vue-fkl-sideslip'import 'vue-fkl-sideslip/lib/vue-fkl-sideslip.css'Vue.use(vueSideslip);// 调用<vue-sideslip @click="call...原创 2020-04-17 14:48:50 · 1478 阅读 · 1 评论 -
vue-baidu-map--------vue百度地图插件
安装npm i --save vue-baidu-map引入import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { /* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */ ak: 'YOUR_APP_KEY'}...原创 2018-08-21 16:27:56 · 5447 阅读 · 2 评论 -
vue-quick-cropper ------------一个vue移动端截图插件
安装npm install vue-quick-cropper -S引入import VueQuickCropper from 'vue-quick-cropper';Vue.use(VueQuickCropper)代码片段<template> <div id="app"> <div v-if="!v...转载 2018-08-21 16:12:59 · 2433 阅读 · 1 评论 -
vue-swiper-component ----------------------一个vue的移动端滑动轮播插件
安装npm i vue-swiper-component --save引用代码部分import { Swiper, Slide } from 'vue-swiper-component';components: { Swiper, Slide}template部分 三种配置 //异步加载轮播图的情况 <Swiper v-if="list...原创 2018-08-21 11:24:19 · 7092 阅读 · 1 评论 -
vue-carousel------------vue轮播插件
安装npm install --save va-carousel引入组件<template> <div id="app"> <VaCarousel/> </div></template><script>import VaCarousel from 'va-carousel/src转载 2018-08-21 10:23:28 · 3896 阅读 · 0 评论 -
VUE Animate Number 插件---------一个数字自加的插件
npm install vue-animate-numbermain.js&lt;template&gt; &lt;div&gt; &lt;animate-number from="1" to="10" duration="1000" easing=转载 2018-08-21 09:38:39 · 5577 阅读 · 0 评论 -
VUE你想要的这里都有/组件框架/实例库
以上内容GitHub均可搜到UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material...原创 2018-08-20 14:52:28 · 1185 阅读 · 0 评论