2021年04月_一个假的前端男

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 el-date-picker 隐藏输入框通过按钮实现弹出

通过点击下载制定时间数据弹出 el-date-picker 组件1.需要在HTML中添加一个日期时间选择器，但是设置为 v-show=false，不显示。2.给它设置一个ref标识，在需要选择自定义时间时，直接通过this.refs.datePickerRef找到该组件，然后refs.datePickerRef找到该组件，然后refs.datePickerRef找到该组件，然后el表示组件元素，通过调用click点击事件控制选择器显示。html代码： <el-date-picker.

2021-04-27 16:09:04 9100 18

原创 elemetui组件el-table的表头与表列出现无法对齐状态

效果图问题一：表格列对不齐解决方法：根据自己的css 拓展语言深度选择.el-table th 放入一下代码我这是是scss/deep/ .el-table th { display: table-cell !important;}问题二: 多余的省略号解决方式:/deep/ .el-table .cell{ padding-right: 0;} 效果图...

2021-04-25 10:53:28 335

原创 element-ui 的el-tooltip的样式修改及添加事件

<el-tooltip placement="bottom-end" effect="light" popper-class="testtooltip"> <div slot="content" @click="$router.push('/')" class="content" >实物商品</div> <div slot="content" @click="$router.push('/shopMall/integralShop..

2021-04-23 15:54:10 2532

原创 vue H5跳转微信小程序页面

<wx-open-launch-weapp id="launch-btn" username="gh_730b77eb31b9" // 放置用户的原始Id path="pages/start/start" // > <!-- <template> <style>.btn { padding: 12px }</style> <button class="btn">打开小程序</butto.

2021-04-22 09:34:45 640

原创 vue h5 真机调试

下载npm install vconsole2.直接在页面引用 import VConsole from "vconsole"; let vConsole = new VConsole();正常使用console

2021-04-20 10:34:13 290

原创 Vue 重定向带参数

{ path:'/', redirect:{path:'/index',query:{storeId:"8071020870451204096",userId:"8072437824206540800"}}, }, { path: '/index', name: 'Home', component: Home },

2021-04-19 19:45:19 1122 2

转载 vue 移动端H5微信支付和支付宝支付

添加链接描述

2021-04-19 16:50:28 261

原创 vue H5的流程

1、做好移动端适配我用的rem + lib-flexible2、考虑到H5需要动态设置titleios动态设置title 无法实时展示3、H5 IOS边框阴影无效解决方法加入下列样式input{-webkit-appearance: none;}

2021-04-16 16:13:15 84

原创 h5 IOS边框阴影无效

解决方法在IOS下，input 和textarea表单默认会有个内阴影，一定程度上影响视觉一致，可通过设置下面代码去掉：input{-webkit-appearance: none;}

2021-04-16 10:00:04 268

原创 H5 ios 动态设置title

一、安装vue-wechat-titlenpm install vue-wechat-title --save二、在main.js引入import VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)三、在需要的时候引入<template> <div class="customerCaseDetail" v-wechat-title="这是是动态title"> </div&

2021-04-14 15:08:09 485

原创 mockjs 如何生成一个随机的图片

通过引入Random 生成随机图片import Mock from 'mockjs' // 1、引入Mockconst Random = require('mockjs').Random;const data={ "title":"@ctitle", "image":Random.image('200x100'),};

2021-04-14 14:47:57 5175

原创 vue 项目中mockjs的使用

一、在项目中通过下列代码安装npm install mockjs --save-dev二、如出现下列问题可执行 npm audit fix三、在src目录下创建一个mock.js文件夹并创建index.js1、引入Mock.jsimport Mock from 'mockjs'2、自定义数据3、模拟接口4、导出四、在main.js中引入五、在需要发送请求的地方正常使用六、结果显示因为mockjs是拦截ajax所以请求是不会在Network中显示...

2021-04-14 14:28:06 386

原创 li 修改前面小圆点的颜色

通过修改伪类实现li::marker { color: #3860f4; }

2021-04-13 13:33:13 632

原创 vue 中使用iconfont

一、把选择好的icon图标放入项目二、下载至本地三、解压至你所需要的文件中四、在main.js中引入（注意路径）五、直接在你需要的页面引入

2021-04-13 11:34:04 109

原创 vue 网络图片加载不出来

在index.html中加入下列代码即可 <meta name="referrer" content="no-referrer" />

2021-04-13 10:47:09 554

转载 vue 脚手架无法在当前目录安装

vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本解决方法：执行：set-ExecutionPolicy RemoteSigned （签名或运行这些脚本）

2021-04-12 11:44:49 111

贴图工具贴图工具zip

贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴

2024-03-27