logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端生成二维码

方法1:qrcodeqrcode.js是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas绘制而成,不依赖任何库。可以快速的在web页面中绘制出二维码。看一下效果每张二维码的内容是不一样的,title里面内容就是二维码的内容安装依赖npm install --save qrcodejs2导入方法import QRCode from 'q

vue-draggable-resizable——可拖拽缩放的组件

此组件是Vue 用于可调整大小和可拖动元素并支持冲突检测、元素吸附、元素对齐、辅助线。1.安装npm install --save vue-draggable-resizable2.导入如果使用的地方较多可以选择在main.js中全局导入import Vue from 'vue'import vdr from 'vue-draggable-resizable-gorkys'// 导入默认样式imp

让element-ui的Cascader 级联选择器内容为空时候不显示

前段时间做的项目,使用到了element ui里面的[Cascader](https://element.eleme.cn/#/zh-CN/component/cascader) 级联选择器,用起来还是非常方便的,不过遇到了后面出现空白选项的问题,如下图:刚开始想的是最后的children项既然为空,直接不要这个字段不就行了,但是转念一想,万一人家以后有了又得处理一波...

#elementui
vue 对后台数据(json)进行排序

大多数情况下后端会将数据返回给我们想要的json格式,但是有些情况下可能刚开始数据没有排序,但是突然的甲方说这块数据要从大到小排序,后端改的话比较麻烦,这时候前端直接处理就快很多了,话不多说,上代码。data(){return{leftContent:[]//要绑定的数据,这里是数组套对象格式}},mounted() {this.gettyedata()},methods:{gettye

#json
Vue-cli3.X、Vue-cli4.X项目中使用px2rem

文章目录第一步:安装postcss-px2rem第二步:在 vue.config.js 中添加配置第三步:添加 rem.js文件第四步:引入rem.js文件第五步:重启服务第一步:安装postcss-px2remnpmadd postcss-px2rem第二步:在 vue.config.js 中添加配置const px2rem = require('postcss-px2rem')const po

#javascript#css
vue中v-if和v-else同时生效

今天终于看到了不加班的希望,刚好今天解决了一个简单但是容易套进去的问题,跟大家分享一下,产生问题:下面代码v-if和v-else同时生效两个<el-table-columnlabel='身份证' width='200'><template slot-scope='scope'><spanprop='card' v-if='scope.row.OBJECTID' @cl

vue-draggable-resizable——可拖拽缩放的组件

此组件是Vue 用于可调整大小和可拖动元素并支持冲突检测、元素吸附、元素对齐、辅助线。1.安装npm install --save vue-draggable-resizable2.导入如果使用的地方较多可以选择在main.js中全局导入import Vue from 'vue'import vdr from 'vue-draggable-resizable-gorkys'// 导入默认样式imp

vue实现列表自动滚动、向上滚动的效果

推荐使用vue插件:vue-seamless-scroll个人使用的感受就是,棒极了!简单,快捷看一下效果图:懂我意思不,它向上滚动!使用肥肠方便,设计非常银杏,下面我给老铁演示一下第一步:安装cnpm install vue-seamless-scroll --save第二步:在main.js中引入import scroll from 'vue-seamless-scroll'Vue.use(s

vue 对后台数据(json)进行排序

大多数情况下后端会将数据返回给我们想要的json格式,但是有些情况下可能刚开始数据没有排序,但是突然的甲方说这块数据要从大到小排序,后端改的话比较麻烦,这时候前端直接处理就快很多了,话不多说,上代码。data(){return{leftContent:[]//要绑定的数据,这里是数组套对象格式}},mounted() {this.gettyedata()},methods:{gettye

#json
vue项目动态设置浏览器标题title几种方法

方法一:使用vue-wechat-title插件设置第一步:安装插件npm vue-wechat-title --save第二步:在main.js全局引入、使用插件import VueWechatTitle from 'vue-wechat-title' //动态修改titleVue.use(VueWechatTitle);第三步:在通过路由的mate属性携带titleconst routes =

文章图片
#前端
    共 13 条
  • 1
  • 2
  • 请选择