安装vant UI框架: cnpm install vant –-save-dev 导入组件-在main.js里: import Vant from 'vant'; import'vant/lib/vant-css/index.css'; Vue.use('Vant') Dialog弹出框我们并不陌生,项目中的活动规则啊,登录注册啊,分享啊等等都会使用到弹出框 弹出框和toast的区别是不能自动消失,因为往往弹出框里的内容比较多,甚至有些更复杂的交互 比如登录等,所以需要手动关闭,自然它就会有交

默认情况下,筛选后excel表格进行复制粘贴,会贴到隐藏的表格. 可以添加两个辅助列来完成操作:1.在筛选前在表格右边添加"辅助1"列,在第二行输入1,按Ctrl+鼠标左键往下拉到相应行.2.执行你的"自动筛选"过程.3.在右边再添加的一"辅助2"列,用鼠标选定该列所有行,输入1,按Ctrl+回车.(即在所有筛选结果行的该列增加一个1,其他被隐藏的行该列为空白)4.退出筛选状态,将全表按"辅助2"列排序,你的筛选结果就集中在连

在前一篇中,由于不懂jquery,前端做的太差了,今天做稍做修改,增加一个跳转到指定页面功能,表格行点击样式变化.并且在表格中加入bootstarp的按钮组,按钮点击后弹出模态框,须修改common,contorler,view. 在common中添加一个方法重载,以展示按钮组,另外还加了一个隐藏的Id列,需要增加两个参数,一个指定按钮的bootstarp样式,另一个数组指定按钮的名称 修改后的代码如下 using System.Collections.Generic; using System

弹出弹框 效果展示 实现原理 html结构比较简单,即: <div>遮罩层 <div>弹框</div> </div> 先写覆盖显示窗口的遮罩层div.box,因为要在整个窗口显示固定,所以position要设为fixed,background设为灰色半透明,由于要遮住整个显示屏,width和height都设为100%(body和html的width和height也都设为100%); 在遮罩层的div.box里写弹框的div.container,位置相对于父级

一.跨页面传值和取值: 1.QueryString - url传值,地址传值 优缺点:不占用服务器内存:保密性差,传递长度有限. 通过跳转页面路径进行传值,方式: href="地址?key=value&key=value"            用&可以实现传递多个值. 通过这种方式就把要传递的值传到要跳转的页面去了. 2.跨页面取值: 在跳转到的页面的C#代码服务端进行取值 用:  string value = Request["key"]; 二.

//禁止手机页面中A标签长按弹出路径框    window.onload=function(){        document.documentElement.style.webkitTouchCallout='none';    };

原文地址:http://www.jb51.net/article/56986.htm 本文实例讲述了js中confirm实现执行操作前弹出确认框的方法.分享给大家供大家参考.具体实现方法如下: 现在在删除或其它操作前弹出确定提示,我们有很多方法,最基本的就是利用js自带的函数confirm来操作了 最简单的用法如下: 鼠标事件使用confirm 复制代码 代码如下: <a href="#" onclick= "if(confirm( '是否确定! ')==false)r

Vue离开当前页面时弹出确认框实现 1. 实现目的 在某种业务场景下,用户不允许跳转到其他页面.于是,需要在用户误操作或者是点击浏览器跳转时提示用户. 2. 实现原理 使用路由守卫beforeRouteLeave进行控制 如果使用浏览器前进后退按钮时注意维持地址栏不变 <template> <div> </div> </template> <script> export default { beforeRouteLeave (to, from,

最近项目中遇到了成本计算的,需要显示金额,保存一下,以后方便直接拿来用! 一 数字转金额格式显示 //数字转金额格式 format:function(s){ if(/[^0-9\.]/.test(s)) return "invalid value"; s=s.replace(/^(\d*)$/,"$1."); s=(s+"00").replace(/(\d*\.\d\d)\d*/,"$1"); s=s.replace(&quo

众所周知,后端从Mysql取出的数据,一般是很难单独处理某一个Key的数据的(需要处理的话,可能会浪费大量的性能.而且对页面加载时间有很大的影响),所以,从数据库取出的数据.只能由前端进行处理.但是在Vue中,如果采用了element等组件,利用数据绑定的特性,也是很难对表格遍历的数据进行单独行的处理的. 我们这边取一个例子来说.比如Mysql datetime 类型的数据与我们一般的显示的形式是不一样的,为了用户更好的体验,势必需要对时间格式进行转换的. 下图是从mysql中默认取出的date

开门见山,话不多说,要在表格中添加图片,可以使用td: <table " width="100%"> <tr class="tr-style first-style-thetd" > <td>巡查时间</td> <td>巡查人</td> <td>巡查地点</td> <td>点击查看详情</td> </tr> <tr v-

/** * @@desc 文本框清除按钮,如果isAutoWrap为false当前文本框父级必须是relative定位,boostrap参考input-group * @@author Bear.Tirisfal <571115139#qq.com> * @@since 2018-08-21 **/ ; (function ($) { $.fn.extend({ addClearBtn: function (options, $o) { var deft = { symbolClass: &q

相信使用Windows Server2008的朋友都遇到过这种情况,用IE打开网站时会弹出“Internet Explorer增强安全配置正在阻止来自下列网站的此应用程序中的内容”的对话框.如下图所示: 禁止弹出此类对话框的步骤: 1 打开服务器管理器,在”安全信息“栏的右侧点击”配置IE ESC“ 2 在弹出的对话框中将”管理员“和”用户“都选择为“禁用” 3 确定后,再浏览网页那烦人的弹出框就不会再出现了.

转自:http://blog.csdn.net/centralperk/article/details/7493731 我们在平时做开发的时候,免不了会用到各种各样的对话框,相信有过其他平台开发经验的朋友都会知道,大部分的平台都只提供了几个最简单的实现,如果我们想实现自己特定需求的对话框,大家可能首先会想到,通过继承等方式,重写我们自己的对话框.当然,这也是不失为一个不错的解决方式,但是一般的情况却是这样,我们重写的对话框,也许只在一个特定的地方会用到,为了这一次的使用,而去创建一个新类,往往有

效果图: 我的代码示例: <!--提示模态框--> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> &

使用Windows Server2008,用IE打开网站时会弹出“Internet Explorer增强安全配置正在阻止来自下列网站的此应用程序中的内容”的对话框.如下图所示: 2011-10-14_205047-300x243 禁止弹出此类对话框的步骤: 1 打开服务器管理器,在”安全信息“栏的右侧点击”配置IE ESC“ 2011-10-14_204750-300x150 2 在弹出的对话框中将”管理员“和”用户“都选择为“禁用” 2011-10-14_204830-300x289 3 确定

GridView控件中插入自定义删除按钮,要实现这个功能其实有多种方法,这里先记下我使用的方法,以后再添加其他方法. 一.实现步骤 1.在GridView中添加模板列(TemplateField). 2.打开编辑模板视图,在新加的模板列的ItemTemplate中加一个按钮控件. 3.在删除按钮中添加如下属性: CommandName="Delete" //命令名字,可以自己按照需求命名 CommandArgument='<%#Eval("ISMLineInfoID&q

项目中要实现分享功能,现在各种接口都关闭了,而且不同的浏览器要使用不同的代码,最后决定直接复制url,然后手动分享 Vue中使用了vue-clipboard2 github地址:https://github.com/Inndy/vue-clipboard2 例子: npm install --save vue-clipboard2 main.js引入 import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 组件中的代码: <

Vue中表格的数据应该来自后台数据库,然后从数据库中读取到的数据,时间格式可能有些不同,我们可以根据实际需要来对这个时间进行转化. 这里介绍一个js库,它提供了强大的日期处理功能,功能强大且只有2k大小.安装方式简单,只需要npm install fecha --save即可. Formatting(日期格式化) fecha提供一个format方法.fecha.format接收一个Date对象(或一个时间戳)和一个字符串形式的日期格式,然后返回一个字符串(处理后的日期). 注意: 当传入的参数无

最近在用vue做前后端分离,需要在表格中用到下拉框,由于需求变动,从最开始的单选变为多选,折腾了许久,记录一下,供后人铺路 vue 中的表格下拉框单选 collectionsColnumOptions :后台传递的数据,格式为List<Map> ,可按项目实际需要替换为List<Object>, 供数据回显 colnumtablesOptions :下拉框的数据,格式为数组   <el-table :data="collectionsColnumOptions&qu

效果如下: template中代码如下: <el-table v-loading="listLoading" :data="list" element-loading-text="Loading" border highlight-current-row @selection-change="selectChanges" > <el-table-column type="selection"