小玲子来咯-CSDN博客

原创 Vue中使用qs插件的一种情况

Vue中使用qs插件的一种情况1、Vue中使用qs插件的一种情况2、qs插件作用3、qs插件两个常用的方法4、安装qs插件5、VUE—axios自定义请求配置`代码片`6、qs解析对象`代码片`8、qs解析数组`代码片`9、transformRequest属性`代码片`1、Vue中使用qs插件的一种情况Vue+element后台管理系统，在登录时使用axios请求数据传参时无法正常的获取数据。2、qs插件作用qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库3、qs插件两个常用的方法

2021-04-17 16:11:47 600

原创 iconfont字体图标的引入

字体图标的引入1、进入iconfont官网2、引入iconfont`引入`3、使用iconfont`代码片`1、进入iconfont官网进入iconfont官网,选择需要的字体图标，加入购物车，点击购物车添加至项目，选择Font class点击查看在线链接，复制该链接粘贴浏览器得到代码2、引入iconfont在项目里新建一个icon font文件夹，再新建一个css文件，将复制的代码粘贴进去，在需要使用字体图标的页面里进入该文件引入<style>@import '../ass

2021-04-13 11:05:48 275

原创制作导航记录功能

制作导航记录功能1、将该部分封装成一个组件引入到展示首页里`结构`.`样式`.`js`.1、使用vuex操作数据`vuex`.3、在路由里配置路由元信息展示标题`router`.1、将该部分封装成一个组件引入到展示首页里结构. <div class="tags" v-if="showTags"> <ul> <li class="tags-li" v-for="(item, index) in tagsList"

2021-04-09 19:51:25 199

原创 vue实现PC端适配操作

vue实现PC端适配操作1、安装两个依赖包： lib-flexible 和 px2rem-loader2、在项目的入口文件 main.js 里引入 lib-flexible3、在build/utils.js进行配置px2remLoader1、安装两个依赖包： lib-flexible 和 px2rem-loadernpm i lib-flexible -Snpm i px2rem-loader -D2、在项目的入口文件 main.js 里引入 lib-flexibleimport ‘lib-fle

2021-04-02 18:06:49 458

原创 element-ui二级联动选择器

@TOCCascader 级联选择器----动态加载当选中某一级时，动态加载该级下的选项。通过lazy开启动态加载，并通过lazyload来设置加载数据源的方法。lazyload方法有两个参数，第一个参数node为当前点击的节点，第二个resolve为数据加载完成的回调(必须调用)。为了更准确的显示节点的状态，还可以对节点数据添加是否为叶子节点的标志位 (默认字段为leaf，可通过props.leaf修改)，否则会简单的以有无子节点来判断是否为叶子节点。相关代码片. <!-- 二级联动选择器

2021-03-30 11:35:29 2210

原创 element-ui对话框fullscreen.lock使用

element-ui对话框v-loading.fullscreen.lock使用v-loading.fullscreen.lock="createloading"v-loading.fullscreen.lock=“createloading”fullscreen：全屏lock：锁定createloading: 布尔值当使用指令方式时,全屏遮罩需要添加fullscreen修饰符(遮罩会插入至body上),此时若需要锁定屏幕的滚动,可以使用lock修饰符;当使用服务方式时,遮罩默认即为全屏,无需额外

2021-03-28 11:53:02 2063

原创小程序banner广告和激励广告

小程序banner广告和激励广告1、小程序banner广告1.1、先要在小程序公众后台获取广告位ID代码片 <view class="empty"> <ad unit-id="广告id"></ad> </view>注意事项： Banner 广告不允许直接设置样式属性，默认宽度为100%（width: 100%），高度会自动等比例计算，因此开发者可以设置广告外层组件的宽度调整广告的尺寸。广告外层组件的宽度不允许小于300px，

2021-02-24 14:56:40 3135 1

原创数组的API

数组的API1、连接两个数组 ------ concat（）代码片// concat用于连接两个数组let arr1 = [10,20,30];let arr2 = ['a','b','c'];let res = arr1.concat(arr2); // [10, 20, 30, "a", "b", "c"]console.log(res);2、拼接数组元素 ------ join（）（把数组转换为字符串）语法：arr.join(分隔符)（不给分隔符则默认用逗号隔开）代

2021-02-23 10:16:35 101

原创快应用层级问题

快应用层级控制快应用是不能使用z-index属性来控制盒子的层级高低，如果想要盒子层叠的话可以使用定位或者是将要层叠在上的盒子结构放下面，下面结构的盒子可以层叠在上面结构的盒子

2021-02-20 11:50:41 346

原创修改打包文件路径

修改css、js打包后文件夹的路径在vue.config.js文件中进行配置相关代码module.exports = { ...... // 修改项目文件中的访问路径为相对路径,css,js等 publicPath: '../src/', // 打包生产文件夹名称,默认dist outputDir: 'dist', // css, js打包后文件路径修改 assetsDir: 'src/trace',}1、publicPath 设置根html文件访问路径1.1 默认

2021-02-19 10:38:06 2515

原创小程序订阅消息实现

小程序订阅消息实现1. 获取模板 ID2.获取下发权限3.调用接口下发订阅消息(该由后端写接口实现给手机微信发送订阅短信)1. 获取模板 ID在微信公众平台手动配置获取模板 ID2.获取下发权限小程序端消息订阅接口 wx.requestSubscribeMessage代码片实现 wx.requestSubscribeMessage({ let that = this tmplIds:['订阅的消息模板的id的集合'], success (res) {

2021-02-18 14:25:27 225

weixin_50754529的博客