Powered by md-Blog  文 - 篇  访客 -

  • 用Vue进行音频mp3文件的播放

    页面中加入报警标签<audio src="../../assets/music.mp3" ref="mp3"></audio>js 调用_this.$refs.mp3.play();../../md/Vue/

    2021-11-17 20:42:26   2021-11-17 20:42:26
    分类:Vue / 浏览:016371529469349
  • Vue.js整合CryptoJS对前端数据进行加密解密

    一、安装插件 CryptoJSyarn add crypto-js二、创建加密函数文件/src/secret/index.jsimport CryptoJS from 'crypto-js'; const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF"); //十六位十六进制数作为密钥 const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412'); //十六位十六进制数作为密钥偏移量 //加密方法 function Lock(word) { let srcs = CryptoJS.enc.Utf8.pa

    2021-11-11 19:05:02   2021-11-11 19:05:02
    分类:Vue / 浏览:016366287028187
  • Vue项目中使用material-design-icons-iconfont图标库

    在 Vue 项目中使用谷歌的 material-design-icons-iconfont 图标库1、安装yarn add material-design-icons-iconfont2、main.js 引入// material-design-icons-iconfont import 'material-design-icons-iconfont/dist/material-design-icons.css'3、使用<span class="material-icons">lock</span>4、参考链接由于一些不可描述的原因无法访问官方界面。我做了个图标库对照

    2021-10-26 22:27:10   2021-10-26 22:06:00
    分类:Vue / 浏览:016352571604756
  • Vue前端移动端UI组件库推荐

    1、ElementUIElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://element.eleme.cn/2、HeyUI一个基于Vue.js的高质量UI组件库https://www.heyui.top/3、MuseUI基于 Vue 2.0 优雅的 Material Design UI 组件库https://muse-ui.org/#/zh-CN/4、mand-mobile面向金融场景的Vue移动端UI组件库,丰富、灵活、实用,快速搭建优质的金融类

    2021-10-26 22:05:58   2021-10-26 22:05:58
    分类:Vue / 浏览:016352571584641
  • Vue.js获取当前页面本页元素宽度的方法

    标签<div class="bar" ref="item"></div>获取const itemWidth = this.$refs.item.clientWidth;../../md/Vue/

    2021-07-20 19:41:17   2021-07-20 19:41:17
    分类:Vue / 浏览:016267812777624
  • Vue使用vue-pdf.js进行PDF分页、滚动预览放大缩小缩放及文件提取码下载加密下载的方法

    1、安装:vue-pdfyarn add vue-pdf2、修改 node_modules/vue-pdf/src/componentFactory.js由于在缩放中,会产生闪烁(重新渲染),故需要去掉75、76行内容// if ( resolutionScale < 0.85 || resolutionScale > 1.15 ) // this.pdf.renderPage(this.rotate);3、源码:viewPDF.vue<template> <div @contextmenu.prevent=""> <!-- 上一页 --> <div class="

    2021-07-13 19:16:16   2021-07-13 19:13:35
    分类:Vue / 浏览:016261748155391
  • Element-UI模态框会话框弹框dialog出现滚动条,再次点击无法置顶滚动条的解决方法

    现象说明弹框出现后,鼠标滚动到一半或者页面最底部,下次在点开的时候,滚动条及弹框位置还在一半或者底部,可以通过以下方式解决:<el-dialog :title="formTitle" :visible.sync="dialogFormVisible" :lock-scroll="false" //主要是这个属性 :append-to-body="true" //跟这个属性 :close-on-click-modal="

    2021-07-13 19:08:50   2021-07-13 19:08:50
    分类:Vue / 浏览:016261745302376
  • Vue.js $router路由在新标签页面打开链接的方法

    let routeData = this.$router.resolve({ path: 'newPage', query: { id: 1 } }); window.open(routeData.href, '_blank');../../md/Vue/

    2021-07-13 19:08:48   2021-07-13 19:08:48
    分类:Vue / 浏览:016261745285698
  • Vue.js使用FontAwesome字体图标库

    安装yarn add font-awesomemain.js 调用// FontAwesome import 'font-awesome/css/font-awesome.min.css';使用<i class="fa fa-ban"></i>../../md/Vue/

    2021-07-10 13:17:34   2021-07-10 13:17:34
    分类:Vue / 浏览:016258942545187
  • Element-UI重置级联框el-cascader为默认状态恢复默认选项

    组件<el-cascader size="large" style="width:100%" :options="options" v-model="selectedOptions" placeholder="填写县/区名称可以自动搜索" filterable ref="cascader" @change="handleChange"> </el-cascader>重置resetPlace(){ const _cascader = this.$refs.cascader if (_cascader) { _ca

    2021-01-17 12:57:45   2021-01-17 12:57:45
    分类:Vue / 浏览:016108594657162
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计