vue
文章平均质量分 57
蓝爱人
奥利给!!!
展开
-
vue使用计算属性实现全选和反选
<template> <div> <p> <span>全选</span><input type="checkbox" v-model="isAll"> <button @click="fanFn">反选</button> </p> <ul > <li v-for="(item,index) in arr" :key=.原创 2022-01-20 16:27:14 · 1073 阅读 · 0 评论 -
vue基础总结
1.vue含义渐进式javascript框架,而且自底向上,增量开发,组件集合,便于复用2. Vue和jQuery区别是什么?jQuery应该算是一个插件, 里面封装了各种易用的方法, 方便你使用更少的代码来操作dom标签Vue是一套框架, 有自己的规则和体系与语法, 特别是设计思想MVVM, 让数据和视图关联绑定, 省略了很多DOM操作. 然后指令还给标签注入了更多的功能3.vue-cli的好处和能力- 统一的项目结构(文件夹+文件+配置代码)- 开发过程中的webpac原创 2022-01-17 16:32:56 · 592 阅读 · 0 评论 -
Element-UI 使用小技巧
1.el-scrollbar 滚动条看到这个组件是不是有点陌生,陌生就对了,因为它从来没有出现在 element 官网上(估计是性能问题)是不是比原生的滚动条美观多了,使用方法也非常简单:<el-scrollbar> <div class="box"> <p v-for="item in 15" :key="item">欢迎使用 el-scrollbar {{item}}</p> </div></el-s.原创 2021-11-04 16:42:39 · 496 阅读 · 1 评论 -
vue判断设备是手机端还是pc端
router.jsroutes: [ { path: '', redirect: '/pc_index' }, { path: "/pc_index", // pc端首页 name: PcIndex, component: PcIndex }, { path: '/m_index', // 手机端首页 name: MIndex, component: MIndex原创 2021-08-16 17:51:45 · 5658 阅读 · 1 评论 -
vue+定时器 自动变化的进度条
简单描述一下小例子:这个进度条主要是利用vue+js进行编写的,通过定时器以及mounted立即执行生命周期来进行编写,即点击按钮触发函数,动态的改变百分比的值与进度条的状态。当超过100%时,不再响应,按钮禁用。效果图如下:当进度条为100%时,清除定时器即可html部分: <van-overlay v-show="isShow"> <div class="progress-bar"> <div clas原创 2021-08-16 11:22:14 · 1362 阅读 · 0 评论 -
Vue生成二维码
项目中出现二维码是很常见的功能,自己也遇到过,实现方案有很多种,自己对比了几种,总结其中一种比较方便的如下:官网:https://www.npmjs.com/package/vue-qr1.使用vue-qrnpm install vue-qr --save2.引入和声明 //在需要生成二维码的文件中引入比如qrCode.vue import VueQr from 'vue-qr'; //声明组件 export default { .转载 2021-08-12 17:56:19 · 406 阅读 · 0 评论