Vue实现打印功能
在这里感谢我是一名好程序https://www.cnblogs.com/wangqi2019/p/11850581.html有可能太多人的能力过人，但同样遇到问题始终不愿担负起责任注意：打印的样式遵循页面的CSS样式； 具体打印设置可直接在调用的打印机上进行格式的设置 如果打印的内容有图片（即页面存在<img>标签），需将图片格...
2024-01-10
vue实现评论列表功能
具体代码如下所示：<!DOCTYPE html><html> <head> <title>简易评论列表</title> <meta charset="utf-8"> <link rel="stylesheet" href="node_modules\bootstrap\dist\css\bootstrap.css" rel="external nofollow" rel="external nofollow" > </head> <body> <div id="app"> ...
2024-01-10
vue2.0实现购物车功能
购物车功能是一件比较繁琐的事情，逻辑功能太多，今天就用vue2.0实现一个简单的购物车功能，数据都本地自己写的假数据功能列表：1、全选和单选结算2、减少和增加数量3、商品的删除界面搭建以及布局，这里，我直接用bootstrap快速搭建的一个简单的布局<div class="container" id="app"> <h2 class...
2024-01-10
vue组件实现搜索下拉框功能
1. Vue的form表单实现下拉搜索框2. 代码在<el-select> 中，加上 filterable 即可（v-model.trim：是过滤输入的空格），clearable：输入框带清空输入内容的功能 <el-select v-model.trim="form.levelId" placeholder="请选择" clearable filterable> <el-option v-for="(item, index) in levelIds" :key=...
2024-01-10vue.js实现图书管理功能
本文实例为大家分享了vue.js实现图书管理功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <sc...
2024-01-10Vue实现本地购物车功能
本文实例为大家分享了Vue实现本地购物车功能的具体代码，供大家参考，具体内容如下功能分析 : v-for显示商品名字,价格,数量和对商品进行操作,全选的功能结构仍然分成 : index.html , index.js , style.cssindex.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物车实例</title> <link rel="stylesheet" hre...
2024-01-10
Vue实现简易记事本功能
本文实例为大家分享了Vue实现简易记事本功能的具体代码，供大家参考，具体内容如下预览图：功能如下：（1）输入任务并按下回车键，可将任务添加至任务列表（不可输入重复任务）（2）点击删除，可删除对应任务（3）点击清空，所有任务都会被删除（4）左下角同步显示任务总数完整代码...
2024-01-10vue实现自定义多选与单选的答题功能
本来实现多选单选这个功能，vue组件中在表单方面提供了一个v-model指令，非常的善解“猿”意，能把我们的多选单选功能很完美的且很强大得双向绑定起来，实现多选单选任意选根本不在话下。但是，凡事都有一个但是！但是奈何这个项目设计稿的缘故，使用原生的表单组件是不可能使用了，请看ui...
2024-01-10JS实现快递单打印功能【推荐】
最近做项目需要打印快递单，在网上搜索了一下发现直接给出代码的比较少。 首先说一下js网页打印的几种方法：1.window.print()会弹出打印对话框2.使用html 标签引入Webbrowser控件 这种方式是其只兼容IE10以下的浏览器，其他浏览器不可使用3.document.execCommand(”print”)类似window.print() **4.采用JQuery...
2024-01-10
vue 商品多规格实现
前几天有个电商系统需要实现商品多规格的功能 貌似记得在刚毕业时被这个搞得死去活来 现在写起来发现还是很简单的 用vue简单的去实现了下功能仅供参考连接地址 http://example.crjblog.cn/test/goods.html...
2024-01-10Vue动态面包屑功能的实现方法
面包屑应该是我们在项目中经常使用的一个功能，一般情况下它用来表示我们当前所处的站点位置，也可以帮助我们能够更快的回到上个层级。今天我们就来聊聊如何在 Vue 的项目中实现面包屑功能。以下案例都是使用 Element-UI 进行实现。最笨的方式首先我们想到的最笨的方法就是在每个需要面包屑...
2024-01-10vue实现二级导航栏效果
本文实例为大家分享了vue实现二级导航栏效果展示的具体代码，供大家参考，具体内容如下实现如下功能：在.vue文件中，template中的内容如下：<template> <div id="app"> <nav class="sidebar"> <ul class="menu"> <li v-for="(navList,index) in navLists" :key="index" class="forRealitive" v-on:mouseover="showToggle(index)" v-on...
2024-01-10vue实现的上拉加载更多数据/分页功能示例
本文实例讲述了vue实现的上拉加载更多数据/分页功能。分享给大家供大家参考，具体如下：加载状态<div v-if='has_log == 0'> <load-more tip="上拉加载" :show-loading="false" background-color="#fbf9fe"></load-more> </div> <div v-if='has_log == 1'> <load-more tip="正在加载" :show-loading="true"></load-more> </d...
2024-01-10vue 实现通过手机发送短信验证码注册功能
效果如下：代码如下：template代码：<el-main> <el-form :model="ReginForm" ref="ReginForm" :rules="rule" class="regform" label-width="0"> <h3 class="login-text">手机注册</h3> <el-form-item prop="tel"> <el-input type="text" v-model.number="ReginFor...
2024-01-10JavaWeb实现简单查询商品功能
本文实例为大家分享了JavaWeb实现简单查询商品功能的具体代码，供大家参考，具体内容如下CustomerServlet.javapackage com.subing.web;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpSer...
2024-01-10vue实现点击图片放大效果
本文实例为大家分享了vue点击图片放大展示的具体代码，供大家参考，具体内容如下1.建立子组件,来实现图片方法功能: BigImg.vue<template> <!-- 过渡动画 --> <transition name="fade"> <div class="img-view" @click="bigImg"> <!-- 遮罩层 --> <div class="img-layer"></div> <div class="img"> ...
2024-01-10
vue 中PDF实现在线浏览，禁止下载，打印
需求：在线浏览pdf文件，并且禁止掉用户下载打印的效果。分析：普通的iframe、embed标签都只能实现在线浏览pdf的功能，无法禁止掉工具栏的下载打印功能。只能尝试使用插件，pdfobject.js这个插件可以实现功能，而且操作简单，但是兼容性不好，不兼容火狐、ie浏览器。于是替换成pdf.js实现：因为不想...
2024-01-10Java实现lucene搜索功能的方法(推荐)
直接上代码：package com.sand.mpa.sousuo;import java.io.BufferedReader;import java.io.File;import java.io.FileReader;import java.io.FileWriter;import java.io.IOException;import java.io.PrintWriter;import java.sql.Connection;import java.sql.DriverManager;import ja...
2024-01-10
vue 实现多组合复选框案例
完成效果如图：当我们点击标题全选时 指定店铺所有商品都被选中，取消时全取消当我们选择某店铺商品数量等于该店铺所有商品时，该店铺全选按钮被选中 废话不多说，代码呈上 欢迎给出更好的方案实现该功能---------------------------------------------------- goods_select.vue ---------------------------...
2024-01-10vue实现全匹配搜索列表内容
本文实例为大家分享了vue实现全匹配搜索列表内容的具体代码，供大家参考，具体内容如下效果：组件代码：<template> <div> <!-- 搜索框加按钮 --><el-input placeholder="请搜索关键词" prefix-icon="el-icon-search" v-model="keyword"></el-input><el-button class="searchbtn" @click="search">搜索</el-button><!-- 数据 --><ul> <li v-for=...
2024-01-10基于vue2.0+vuex的日期选择组件功能实现
calendar vue日期选择组件一个选择日期的vue组件基于vue2.0 + vuex原本是想找这样的一个组件的，查看了vuex后，发现vuex的写法还不是基于2.0的，所以就自己动手做了demo展示&&项目中的使用目录结构demo 用vue-cli 的webpack-simple构建的calendar |--dist build生成的目录 |--doc 展示图片 |--src |--assets...
2024-01-10
前端实现记住密码功能
需求描述,当前有一个应用导航的app地址,点击这个地址会302到一个统一认证的平台,输入账号密码后进行登录认证,然后再重定向到这个app;需要加一个记住密码并自动登录的功能;初次登录,手动输入密码,登陆成功,下次再登lu的时候就会直接把上一次成功的账号密码直接代填到页面,然后自动登录;项目用的是前端的jsp,目前我也是从前端来改这个功能,代码如下,但总感觉怪怪的:1.在登录接口的成功的回调里面直接...
2024-02-24Vue.js 实现数据展示全部和收起功能
如图所示，当我们获取到数据后每个栏都只显示5条，多出的部分隐藏，点击显示全部将数据都展现出来，如图所示首先我们的数据类型是这样的， tableData: [ { "comment": "", "lscm": [ { "count": "1268", "id": 1, "namech": "OGC WMTS", "na...
2024-01-10使用vue 国际化i18n 实现多实现语言切换功能
安装npm install vue-i18n新建一个文件夹 i18n ，内新建 en.js zh.js index.js 三个文件准备翻译信息en.jsexport default { home: { helloworld: "hello workd ！" }};zh.jsexport default { home: { helloworld: "你好世界" }};index.js创建Vue-i18n实例import Vue from "vue";import VueI18n from "vue-i18n"...
2024-01-10JS实现自定义弹窗功能
众所周知，浏览器自带的原生弹窗很不美观，而且功能比较单一，绝大部分时候我们都会按照设计图自定义弹窗或者直接使用注入layer的弹窗等等。前段时间在 慕课网 上看到了一个自定义弹窗的实现，自己顺便就学习尝试写了下，下面是主要的实现代码并添加了比较详细的注释，分享出来供大家参考...
2024-01-10
