- 博客(19)
- 收藏
- 关注
RSS订阅原创 省市区Vue
<template> <div> <el-form ref="form" :model="pcbOrder" label-width="80px"> <el-form-item label="开票地址" prop="invoiceAddresshead"> <div style="display:flex"> <el-cascader :options="o.
2022-05-25 14:27:38
222
原创 ElementUI增删改查具体写法(后台管理系统)
上代码<template> <div> <!-- 搜索层 --> <div> <el-form :model="queryParams" ref="queryForm" label-width="auto" :inline="true"> <el-form-item label="活动名称" prop="name"> <el-input v-model="queryParams.name"
2022-05-23 10:47:30
800
原创 vue打印 print.js
下载print.js文件在main.js中配置// 打印插件import Print from '@/plugs/print'Vue.use(Print)// 打印插件import Print from '@/plugs/print'Vue.use(Print)使用方法<template> <div class="myResume"> <section ref="print" id="print" style="width:100
2022-05-10 10:50:20
453
原创 vue图片上传
eleemtui中的组件el-upload <el-upload class="avatar-uploader" :before-upload="beforeUpload" action="" > <img v-if="form.img" :src="form.img" class="avatar" /> .
2022-05-07 11:49:08
279
原创 vue-quill-editor富文本框上传图片到后台
<template> <div> <el-upload class="avatarUploader" action="''" :show-file-list="false" :before-upload="beforeAvatarUpload"> </el-upload> <quill-editor ref="myQuillEditor" v-model="form.content"/> </div></tem.
2022-05-07 11:01:38
743
原创 vuecli项目打包
有几个问题1.你知道软件的开发流程吗答：需求获取--需求分析--设计--开发--测试--打包部署--上线2.为什么要打包答：前端的html，css，js越来越多，打开一个页面发送http也就变得很多，让后端服务器有很大压力，前端不利于性能优化，所以就要打包。把js合并压缩，css合并压缩，图片转换成img-base64如何打包在vuecli脚手架中 直接执行npm run build 不就行了吗 确实可以 但是是脚手架帮我们做了一些事情。执行完npm run build之后会
2022-04-25 12:52:57
7127
2
原创 自定义滚动条样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .test { width: 50px; height: 200px; overflow: auto; float: left; margin: 5px; border: .
2022-04-21 17:24:44
68
原创 交互图片位置vue
代码如下<template> <div> <ul> <li v-for="(item, index) in listImg" :key="index"> <img :src="item.imgs" alt="" /> <i class="el-icon-upload2" @click="uploadPics(index)"&g
2022-03-16 17:08:09
970
原创 自定义elemetui中el-radio 的样式
默认的样子自己修改的样式 代码如下<template> <div class="placeOrder"> <el-radio-group v-model="radio" size="small"> <el-radio label="1" border>备选项1</el-radio> <el-radio label="2" border>备选项2</el-radio> </el-rad
2022-03-09 14:21:21
2663
3
原创 自定义一个全局过滤器
在组件的任何地方都可以引入代码如下1.首先可以新建一个文件夹 filters 里面有两个js文件 一个是index.js 和filters.jsindex.js里面是写对filters过滤器是怎么封装的 filters.js里面是写过滤实现的代码逻辑index.js中的代码如下import Vue from "vue";import * as filters from "./filters.js"; //把filters.js里面的数据全部导入 filters相等于就是一个对象O
2022-02-17 10:18:09
570
原创 uniapp获取当前的位置
在uniapp中获取当前的位置，用腾讯地图在进行解析微信小程序JavaScript SDK | 腾讯位置服务上代码HTML块 <view>当前城市名称：{{city}}</view> <view>当前城市区域：{{district}}</view> <view>当前所在地址：{{address}}</view> <!-- #ifdef H5 --> <text>在h5中.
2022-01-11 14:42:45
1359
1
原创 uniapp搜索框
HTML块<input type="text" placeholder="输入你要搜索的内容" class="inputs" confirm-type="search" @confirm="inputConfirm" @input="onKeyInput" placeholder-style='color:#a5c4c7'> <image src="../../static/images/search.png" mode="" @click="search">
2022-01-04 10:23:50
3674
1
原创 模块化导入导出的方法
导入模块用import 导出模块用export几种不同方式的导入导出：方法一：在js文件里面写入，导出在vue文件里面写入，导入打印结果方法二：在js文件里面写入，导出在vue文件里面写入，导入输出结果...
2021-12-16 11:06:30
3141
原创 在uniapp开发中，自定义属性data-index，值的问题
在一个按钮中如果有自定义属性的值，又要传的参数值，那我们应该怎么接受？代码如下：<template> <view> <button type="default" data-index='111' @click="add(1,$event)">点击</button> </view></template><script> export default { data() { return {
2021-10-29 15:41:12
3287
原创 在uniapp开发中用到的时间日期选择器不能重置的问题
代码部分：这样文本框里面选择的日期时间不能得到重置我的做法是在文本框里面添加一个ref<template> <view> <uni-datetime-picker type="date" v-model="beginTimeDate" ref='formData' /> <uni-datetime-picker type="date" v-model="endTimeDate" ref='formDatas' /> <bu
2021-10-29 15:30:27
1987
原创 在移动端页面中头部或者底部加上固定单位的一些问题
问题在头部或者底部加上固定单位，可能会导致中间的内容被头部或者底部覆盖解决方法：html部分： <div class="content"> <!-- 头部 --> <header> <div class="header"> <h1>111</h1> </div> <div class="placeholder"></div> <
2021-10-29 15:00:35
271
原创 在脚手架vuecli怎么解决vue项目不能自动打开浏览器
1.如果是vuecli脚手架的版本在3或者4以上的用如下方法方法一：在项目中找到vue.config.js文件，如果没有就自己创建一个 ，加上以下代码module.exports = { devServer: { open: true }}方法二：在项目中找到package.json文件在vue-cli-service serve 后面加上 --open任选其一2.如果是vuecli脚手架的版本在2用如下方法首先找到confi..
2021-10-29 14:37:33
857
原创 vue-cli中如何引入scss
1.sass安装需要引入依赖node-sass、sass-loader、style-loader （切记必须要指定版本）安装命令：cnpm install node-sass@^4.14.1 --save-dev cnpm install sass-loader@^7.3.1 --save-dev cnpm install style-loader --save-dev版本太高或太低会导致webpack在编译的时候出错误...
2021-10-29 11:47:49
760
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人