- 博客(38)
- 收藏
- 关注
原创 uniapp实现带参数二维码
view<view class="canvas"> <!-- 二维码插件 width height设置宽高 --> <canvas canvas-id="qrcode" :style="{width: `${qrcodeSize}px`, height: `${qrcodeSize}px`}" /> </view>scriptimport uQRCode from '@/utils/uqrcode.js' data()
2023-07-27 16:59:52 1369
原创 浏览器查看vue打包后的dist
全局安装npm install -g live-serverdist目录下cmdlive-server --port=8080
2022-05-18 17:05:29 340
原创 vue dv-scroll-board
view <dv-scroll-board :config="config2" style="height:286px;font-size:20px !important;overflow:hidden;" />data config2: { data: [ [ '<span style="font-size:1rem;">11111111111111111111</span>', ..
2022-05-09 15:54:21 7552 1
原创 vue less 样式变量
安装依赖npm install less less-loader --savenpm install sass-resources-loader --save-devbuild》utils.js将以下代码复制到 generateLoaders(声明函数xixi修修改function lessResourceLoader() { var loaders = [ cssLoader, 'less-loader', ..
2022-04-27 15:18:56 383
原创 vue 二维码,打印
//安装print-jsnpm install print-js --save//删除print-jsnpm uninstall print-js//安装固定版本npm install print-js@版本号 --save// 全局安装npm install print-js --save -g安装qrcodejs2npm install qrcodejs2 --save main.jsimport Print from 'vue-printjs'Vue....
2022-04-22 11:38:08 1824
原创 获取当前年月日 时分秒
checkTime(i){ if (i<10){ i="0" + i; } return i; }, handleOk(){ var today=new Date(); var h=today.getHours(); var i=today.getMinutes...
2022-04-19 10:22:55 218
原创 Ant Design vue 表格内换行
data() { return { // 表头 columns: [ { title: '序号', dataIndex: '', key: 'rowIndex', // width: 50, align: 'center', customRender: function(t, r, index) { return ..
2022-03-25 17:59:25 2666 1
原创 vscode 码云(前期配置)
1.下载,安装git软件下载地址:https://git-scm.com/download/win(根据自己的系统选择下载即可,如果安装过程提示无法添加环境变量到path中,则需要将git安装目录下的cmd目录添加到系统的path变量下。)2.配置git(搜索,git bash,)git config --global user.name "your name" (gitee里的昵称)git config --global user.email "your email" (gitee..
2022-03-25 17:52:40 267
原创 登录验证码后台交互
view <div > <img v-if="requestCodeSuccess" :src="randCodeImage" @click="handleChangeCheckCode" /> <img v-else src="缺省图片路径" @click="handleChangeCheckCode"/> </div>data>return randCodeImage: '', request
2022-03-18 13:59:18 126
原创 uniapp 清空console日志,亲测有效
main.jsif (uni.getSystemInfoSync().platform !== "devtools") { console.log = () => {}}
2022-03-01 17:00:41 840
原创 页面请求全流程
view<view class="product_list" > <waterfall-goods :list="productList"></waterfall-goods> <!-- loading加载提示处 --> <view v-if="productList.length !=0" v-show="isLoadMore"> <uni-load-more :status="loadStatus"
2022-03-01 16:48:16 152
原创 uniapp瀑布流组件
组件components<template> <view> <view class="flow-box" :style="'height: ' + loadingTop + 'rpx'" ref="flow_box"> <!-- <empty v-if="newList.length === 0"></empty> --> <empty v-show="isShowEmpty"></empty&
2022-03-01 16:45:01 1744
原创 图片请求不到,替换显示默认资源路径
<view v-for="(item, index) in newList" > <view class="goods_img"> <image :src="item.MainImageUrl_Real" mode="widthFix" @error="imgerror($event,index)"></image> </view></view>methoimgerror(e, index) { this.
2022-03-01 16:34:04 110
原创 vue 保姆级请求教程
config>dev.env.js~prod.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { NODE_ENV: '"development"', BASE_API: '"https://xxx.xxx.com"'})src>utils>request.js
2022-02-17 11:56:55 175 1
原创 页面自动刷新数据
mounted(){ this.init(); if (this.timer) { clearInterval(this.timer) } else { this.timer = setInterval(() => { this.init(); }, 5000) }},destroyed(){ clearInterval(this.timer);}, methods: { init() {}}...
2022-02-17 11:45:18 180
原创 el-upload 图片回显
<el-table @row-click="handleEditdeli" :data="listData" > <el-table-column align="center" label="操作" width="200"> <template slot-scope="scope"> <el-button size="mini" plain type="p.
2020-09-25 17:41:42 2201
原创 Element upload组件上传图片
<el-form label-width="116px" :model="editForm" :rules="rules" ref="editForm"> <el-form-item label="名称" prop="HeatUserName"> <el-select size="small" v-model="editForm.HeatUserName" filter.
2020-09-25 16:52:22 197
原创 el-table 循环显示图片并放大
<el-table @row-click="handleEditdeli" :data="listData" > <el-table-column prop="HouseCardImg" label="图片" min-width="150"> <template slot-scope="scope"> <el-image style="width: 60px; height: 30px;c.
2020-09-25 16:40:58 449
原创 请求拦截封装
src>api>axiosFun.jsimport axios from 'axios';import qs from 'qs'var root = process.env.API_ROOT //调用环境配置axios.defaults.baseURL =root;// 登录请求const loginreq = (method, url, params) => { console.log(url); return axios({ method
2020-09-25 10:11:19 182
原创 vue 遮罩层
<div class="dada_false" v-show="pastShow"> <form action="" v-show="pasterShow" class="dada_false_box" > <h3 style="margin-top: 8%;margin-bottom: 8%;">成功,单号{{datas}}。请务...
2020-03-20 10:23:52 1988
原创 Vue 选项卡以及当前样式的改变
<div style="display: flex;"> <h2 class="user_login" @click="changebycolor(0)" :class="{selecteds:typeum==0}">用户登录</h2> <h2 @click="changebycolor(3)" :class="{selecteds...
2019-07-25 14:16:14 570
原创 Vue ele 省市区三级联动
<div > <el-select v-model="sheng" @change="choseProvince" placeholder="选择省份" > <el-option ...
2019-07-25 14:08:16 559
原创 生产环境与开发环境配置
config下dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT:'"//192.168.50.25...
2019-07-03 15:07:55 1232
原创 根据返回的数字,自定义等级
data定义 reason_choice: { "0":'异常', "1":'正常', // "2":'干奶', // "3":'持续低产', // "4":'产能下降', },页面渲染<tr v-for="(item,idx) of nb" :class="{on...
2019-03-29 10:07:51 161
原创 vue 列表跳详情
&lt;tr v-for="(itemm,idx) of nb" :class="{on:idx%2==0,off:idx%2!=0}" @click="detailsMilk(itemm.goat_number)"&gt; &lt;td&gt;{{itemm.goat_number}}&lt;/td&
2019-03-11 17:42:02 938
原创 Vue+element(分页)
安装elementnpm i element-uimain.js引入import Element from 'element-ui';Vue.use(Element);html &amp;amp;lt;div class=&amp;quot;block&amp;quot; &amp;amp;gt; &amp;amp;lt;p class=&amp;quot;demonstration&am
2019-03-06 18:30:00 467
原创 localStorage
保存localStorage.setItem('id', JSON.parse(this.datas.session).id);localStorage.setItem('session', this.datas.session);读取 this.id= localStorage.getItem('id'); this.session= localStorage.getItem('s...
2019-02-22 14:10:11 88
原创 Vue 安装axios
npm i axiosnpm i qsmain.js importimport qs from 'qs'import axios from 'axios'Vue.prototype.$http = axiosVue.prototype.$qs = qs
2019-02-22 14:09:47 843
原创 Vue 带参数axios请求
HTML&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;lbox&amp;quot;&amp;amp;gt; &amp;amp;lt;input type=&amp;quot;text&amp;quot; placeholder=&amp;
2019-02-22 14:01:19 1205
原创 Vue-cil 创建项目
node下载cmd打开小黑框 node -v,npm -v查看是否安装成功命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.orgcnpm install -g vue-clicnpm install webpack -g开发工具 npm install运行项目 npm run dev...
2019-02-22 14:00:57 360
原创 Vue tabs选项卡
template &lt;div&gt; &lt;ul class="offic_product_article"&gt; &lt;li class="offic_product_article_li" @click="tabId=0"&gt;智牧后台管理系统&lt;/
2019-02-22 14:00:15 735
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人