- 博客(17)
- 收藏
- 关注
原创 watch监听
①如果是监听变量!data(){ return:{ site:null } }//打个比方site是布尔型!②开始监听site并执行对应操作!watch:{ site(){ if(this.site==true){ 要执行的操作! } }}①如果是监听对象! data(){ return:{ site:{ indexSSS:null, } } }②开始监听indexSSS并执行对应操作!watch:{ site(){
2021-11-02 09:39:20 119
原创 elementUI table表格el-table-column修改字体颜色
例子! <el-table-column prop="isOverText" label="结清状态" align="center" :show-overflow-tooltip="true" color:red / > //这个样子加颜色是没有用的! 正确的例子! <el-table-column prop="isOverText" lab
2021-09-29 16:08:46 8538
原创 tabel tb表格双击由span标签变为时间编辑器
html部分!举个例子!<table> <tr> <td colspan="2"> //这里使用插槽!来进行判断状态,是为了根据状态判断要显示那个组件 <template> <span v-if="item.timestatus == 0" //@dblclick 是双击事件! @d
2021-09-29 10:21:09 308
原创 模态框轮播图效果(轮播图+图片列表+点开索引图片)
第一步,先把一下代码打包成js!/*! * Viewer.js v1.10.1 * https://fengyuanchen.github.io/viewerjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2021-08-01T13:35:49.731Z */(function (global, factory) { typeof exports ===
2021-08-26 11:35:15 236
原创 获取图片宽高
getData() { let that = this; let img_url = this.srcs; let img = new Image(); img.src = img_url; img.onload = function () { that.width = img.width; that.height = img.height; }; },
2021-08-18 09:05:30 145
原创 子组件给父组件传参
子组件写:methods(){//123是要传的参数!getOrderTable(123){//ent-userData是父组件接收参数的名字!this.$emit('ent-userData',123)}}父组件!html部分!//ent-userData前面必须加@,getUserData是调用的方法!方法后面必须加($event) <InformationsViewer @ent-userData="getUserData($event)" >&
2021-08-06 14:49:54 191
原创 elementUI多选框操作
html部分!:<el-checkbox-group v-model="items"> <el-checkbox v-for="(item, index) in allItems" :key="index" :label="item.id">{{item.label}}</el-checkbox></el-checkbox-group><el-button @click="selectAll" type="button" size="sma
2021-07-28 10:50:09 997
原创 el-input placeholder属性的文本颜色设置
/deep/input:disabled::-webkit-input-placeholder{ -webkit-text-fill-color: #3B9DF8;}
2021-07-23 15:07:36 1078
原创 flex布局
<section> <div v-for="(item, index) in retrieveData" :key="index" class="boxStyle" > <div class="indexStyle"> <label class="spanStyle">案号:</label..
2021-07-23 11:59:56 76
原创 viewer图片查看器在vue的运用
第一步下载包!npm install v-viewer第二步,引入包和样式!import Viewer from "v-viewer";import "viewerjs/dist/viewer.css";第三步,设置显示的控制按钮!Vue.use(Viewer, { defaultOptions: { zIndex: 9999 }});Viewer.setDefaults({ // 工具栏按钮的控制 toolbar: { zoomIn: 1, // 放大
2021-07-19 09:47:31 228
原创 js里面的模态框
//点击事件!clickButton(){ //开启模态框! let loading = this.$loading({ lock: false, text: "正在打包下载,请稍等...", spinner: "el-icon-loading", background: "rgba(0, 0, 0, 0.7)", });//执行完操作之后关闭模态框!loading.close(); //关闭模态框!}.
2021-07-16 09:48:58 127
原创 overflow:scroll滚动条样式修改
第一,在需要加滚动条的元素上加上overflow: scroll,并设置高度!如:<div><p class="AddStyle">213131321231312331312313131231212313123123123131231231</p></div>我需要给p标签加入滚动条!代码如下!.AddStyle{overflow: scroll;height: 600px;}第二,现在p标签如果超出高度为600px的时候就有滚动条显示了!接
2021-07-13 17:12:52 5722
原创 AES登录账户密码传输加密
第一步:下载AES加密文件!将其放到JS文件里!第二步:在需要加密的组件里面引用AES加密文件并取名!示例:import AES from "../assets/js/AES"第三步: let keys = "drxfdsjcomwssdbc";//声明加密段! let usernameS = AES.encrypt(username, keys);//usernameS加密后的账户,username没加密的账户! let passwordS = AES.encrypt(password,
2021-07-08 10:44:48 651
原创 全局路由守卫
在router文件中找到index.js这个文件!第一步.导入vue文件和vueRouter文件!import Vue from 'vue'import VueRouter from 'vue-router'第二步下面是设置路由地址!const routes = [{ path: '',//路由地址! name: 'login',//路由地址名字! component: resolve => require(["这个路由地址加载的vue组件!"], resolve)
2021-07-02 13:53:22 1435
原创 vue根据后端返回的图片浏览地址本地打包(修复篇)
主要用到 jszip 和 file-saver!第一步:下载包!npm install jszip --savenpm install file-saver --save第二步:在需要使用的页面引入包!import JSZip from "jszip";import FileSaver from "file-saver";第三步:先定义一个方法! //定义一个base64打包的方法! packaging(name, baseList, address, num, zipName,
2021-06-30 09:54:41 386
原创 vue批量打包下载图片
主要用到 jszip 和 file-saver下载包!npm install jszip --savenpm install file-saver --savejs部分`methods: { downImg() { var blogTitle = '打包图片'; var zip = new JSZip(); var imgs = zip.folder(blogTitle); var baseList = [];
2021-06-23 14:12:30 905 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人