Vue写一个二级菜单,进行增删改

  • Post author:
  • Post category:vue

<template> <div> <div class="menu"> <div class="first" v-for="(item, index) in menu" :key="index"> <span>{{ item.title }}</span> <div class="second" v-for="(item…

继续阅读 Vue写一个二级菜单,进行增删改

vue 在生产环境下,屏蔽console.log在控制台输出

  • Post author:
  • Post category:vue

使用插件:babel-plugin-transform-remove-console 第一步:插件安装 npm install babel-plugin-transform-remove-console --save-dev 第二部:通过babel.config.js文件引入插件 const prodPlugins = process.env.NODE_ENV === 'production' ?…

继续阅读 vue 在生产环境下,屏蔽console.log在控制台输出

VueCli中自定义配置webpack

  • Post author:
  • Post category:vue

VueCli中自定义webpack的配置 以下为自己学习的总结,如果您发现有什么错误的,麻烦您教正,感谢!!! VueCli 生成的项目中,默认隐藏了webpack的配置项,减少因配置文件所消耗的时间。因此,要修改webpack配置,可以在项目的根目录中创建文件名为 vue.config.js 的配置文件。这样就可以自定义配置webpack。 具体配置参考官方文档: 1. 创建vue.config…

继续阅读 VueCli中自定义配置webpack

Vue实现过渡动画的三种方式

  • Post author:
  • Post category:vue

Vue 在插入、更新或者移除DOM 时,提供多种不同方式的应用过渡效果。包括以下方式: 使用vue的transition标签结合css样式完成动画 利用animate.css结合transition实现动画 利用 vue中的钩子函数实现动画 一、使用vue的transition标签结合css样式完成动画 1、给需要运动的元素加入transition标签 <transition> 需要运…

继续阅读 Vue实现过渡动画的三种方式

使用那各VUE的打印功能(print.js)出现多打印一个空白页的问题

  • Post author:
  • Post category:vue

最近这段时间,用VUE写东西,有个打印功能。 百度了一下,铺天盖地的VUE打印的两种实现方法。 很感激这些千篇一律的帖子,虽然不知道他们是否真的用过,还是只是复制粘贴。 至少这些帖子告诉我,是有两个可以选择的,并且多看几篇帖子,总算把这两个打印方法,都试了一遍。 下面简单总结一下: 先说结论:请使用第二种方法,下载print.js到本地,然后放到项目中导入。原因后边说。 一、使用vue-print…

继续阅读 使用那各VUE的打印功能(print.js)出现多打印一个空白页的问题

vue3 子组件向父组件传递参数

  • Post author:
  • Post category:vue

1.父传子 父组件:在子组件上通过 v-bind绑定属性 子组件:先定义下基本类型,然后通过setup的第一个参数取获取传过来的值 2.子传父 父组件:在子组件上绑定一个事件,并定义回调 子组件:通过setup的第二个参数去接受,第二个参数包含了(attrs,emit,slots),这里我们用到第二个emit去传值 版权声明:本文为weixin_45941959原创文章,遵循 CC 4.0 BY-…

继续阅读 vue3 子组件向父组件传递参数

vue 实现H5跳转小程序

  • Post author:
  • Post category:vue

vue实现H5跳转小程序 公司需求实现h5跳转小程序,看了很多文档发现对于小白不太容易理解,记录下,以备查阅。 适用环境 微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上 微信SDK 引入https://res.wx.qq.com/open/js/jweixin-1.6.0.js*(注意要用jweixin-1.6.0.js,低版本不支持,这…

继续阅读 vue 实现H5跳转小程序

vue+element获取el-table按钮新增及批量删除

  • Post author:
  • Post category:vue

效果如图: 此视频借鉴 (7条消息) Vue elementUi表格批量删除_快乐の風的博客-CSDN博客_elementui表格批量删除 根据官网多选表格所给的@selection-change="handleSelectionChange",此方法可以获取包含当前选中所有数据的 数组 ,但是并没有下标index. 上代码: 定义selection-change方法 赋值 首先判断是否选中 选中…

继续阅读 vue+element获取el-table按钮新增及批量删除

vue + pdf.js实现浏览器查看pdf文件

  • Post author:
  • Post category:vue

话不多说先展示效果 开篇说明: pdfjs指的是: http://mozilla.github.io/pdf.js/ 或者 https://github.com/mozilla/pdf.js 注:该实现的底层为canvas渲染,本人亲自体验,渲染较大的pdf等待时间会比较长,用手机查看效果可能会出现渲染不全的情况 正文 本教程使用的pdfjs版本是"pdfjs-dist": “^2.3.200”,…

继续阅读 vue + pdf.js实现浏览器查看pdf文件

HBuilderX之Vue项目—css配置

  • Post author:
  • Post category:vue

接着上次Vue项目js文件后的css文件配置说明 一.首先说个题外话: 可以用 cnpm i html-webpack-pluagin -D 命令,在内存中根据index.html模板页面生成HTML插件(此命令会将html文件托管到内存中) 同样也需要配置webpack.config.js文件 const htmlWebpackPlugin = require('html-webpack-plu…

继续阅读 HBuilderX之Vue项目—css配置