长春小佛爷的博客

vue-pdf应用实例

vue项目 - 给页面添加水印

<el-tree :data="organization" node-key="id" node="label" height="100%" style="height:100%" ref="tree" v-loading="loadtree" :default-expanded-keys="expanded..

1、view <view class="view-flex"> <view class="item1">1</view> <view class="item1">2</view> <view class="item1">3</view> <view class="item1">4</view> <view class="it

var that = this this.$confirm('确认跳转到首页成为付费会员吗？', '提示', { iconClass: 'el-icon-question', // 自定义图标样式 confirmButtonText: '确认', // 确认按钮文字更换 cancelButtonText: '取消', // 取消按钮文字更换 showClose: true, // 是否显示右上...

1、前端import axios from 'axios' axios.defaults.withCredentials = true2、后台package com.jbossjf.bootproject.common.OriginConfig;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.boot.SpringBootConfiguration;im

1、肯定是先安装了：npm i pdfobject --save2、引入import pdf from 'pdfobject'<template> <div> <p class="over" /> <div id="pdf-content"> <el-container class="container" @contextmenu.native="handlePaste($event)" />

1.安装video.jsnpm install video.js2.在main.js中引入import Video from 'video.js'import 'video.js/dist/video-js.css' Vue.prototype.$video = Video3.安装vue-video-player组件npm install vue-video-player –s4.在main.js中引入组件import VuevideoPlayer from 'v

一. 常用的 element-ui el-input 输入框1. 过滤字母e，在js中属于数字，但是正则表达式 \d 是拦不住字母e 的<el-input type="number" placeholder="请输入" min="1" onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode || event.which))) || event.which === 8" v-model.number="count"&g

<el-form-item label="所属分类"> <el-select v-model="selectTreeText" placeholder="请选择" :popper-append-to-body="false" class="select-tree" style="width:250px" ...

<template> <el-select style="width: 100%" :value="valueTitle" :clearable="clearable" :filterable="filterable" :disabled="disabled" @clear="clearHandle" remote :remote-method="remoteMethod"> <el-option :value="val...

1、java后端package com.jbossjf.bootproject.model;import lombok.Data;import java.util.ArrayList;import java.util.List;@Datapublic class MonitorTree { private String id; private String title; private String upid; private List<Moni.

一、Vuex是什么Vuex是专门为Vuejs应用程序设计的状态管理工具。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。1、Vuex的构成1）statestate是存储的单一状态，是存储的基本数据。2）Gettersgetters是store的计算属性，对state的加工，是派生出来的数据。就像computed计算属性一样，getter返回的值会根据它的依赖被缓存起来，且只有当它的依赖值发生改变才会被重新计算。3）Mutations

把component: () => import('@/views/'+m.component+''),修改为：component: (resolve) => require(['@/views/' + m.component], resolve), function convertTree(routers) { //递归添加children routers.forEach(r=>{ menuList.forEach((m,i)

<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-position="left" > <div class="title-container"> <h3 class="title"> ..

/** * 静态路由懒加载 * @param view 格式必须为 xxx/xxx 开头不要加斜杠 * @returns */export const loadView = (view) => { return (resolve) => require([`@/views/${view}.vue`], resolve)}export function GetMenuData(menuRouters,data){ if(data=='' ||data==unde.

1、前端<template> <view class="app"> <view class="price-box"> <text>支付金额</text> <text class="price">￥{{money}}</text> </view> <view class="pay-type-list"> <view class="type-item b-b

if (this.source == 1) { //this.$api.prePage()获取上一页实例，在App.vue定义 this.$api.prePage().addressData = item; uni.navigateBack() } this.goodsData.forEach(item =>{ this.total += item.price })

<div class="showImg"> <!-- <img src="../../image/banner1.jpg" style="width: 200px;height: 230px;"> --> <!-- 轮播图片 --> <img v-for="(item) in imgArr" v-show="item.id===currentIndex" :key...

1、前端 <el-form-item label="封面"> 　　　　　　　　　<el-button class="fileParent" type="success" icon="el-icon-plus" style="background:#273C48" @change="uploadFile" >

<div class="select"> <input type="file" id="filed" hidden="" @change="filePreview"> //@change是vue中的用法,相当于原生的onchange <p @click="selectImg()"> //selectImg方法是点击触发input的点击 <span v-if="textHide">点击上传头像</sp.

1、前端export function DelProduct(data) { return request({ url: baseURL+'/basefile/Product/delProduct/', //contentType: 'application/x-www-form-urlencoded;charset=utf-8', dataType:'json', contentType:'application/json;charset=UTF-8',

1、vue端在vue.config.js加入devServer: {//关键proxy proxy:{ ["/dev-api"]:{ target:'http://localhost:9527', changeOrigin:true, pathRewrite: { ['^' + ...

1、下拉列表<el-form-item label="状态"> <el-select v-model="temp.Status" class="filter-item" placeholder="Please select"> <el-option v-for="item in statusOptions" :key="item.id" :labe.

1、执行Git Bash Here2、在Git Bash Here上执行npm install3、执行完成后在cmd下执行

this.$forceUpdate();

<!--作者： V： jbossjf--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script> <script src="jquery.min.js"></script&gt.