- el-table 手动选择展示列
前端小趴菜05
vue.jsjavascriptelementui
需求：由于表格的列过多,用滚动条进行滚动对比数据不方便，所以提出，手动选择展示列实现思路：表格默认展示所有字段，每个字段通过v-if属性来进行判断是否显示；点击设置按钮图标(表格右上角），弹出选择框el-popover；选择框中包括：全选复选框、所有字段复选框组el-checkbox-group、取消按钮、确定按钮；选择展示字段后，点击“确定”按钮：更新每个字段值的show属性（true/fals
- Vue ＜el-checkbox-group＞多选框回显问题
拾光1024
vue.jsjavascript前端
Vue＜el-checkbox-group＞多选框回显前段时间做毕业设计的时候遇到el-checkbox-group不能回显的问题，经查阅相关文档后发现问题在于v-model和label的值要一样{{category.name}}
- element + el-checkbox-group 折叠效果
天外天-亮
elementelementcheckbox-group
先看效果html结构（点击可展开预览/收起）{{item.name}}js部分letcheckboxCollapse=ref(true);constcheckboxCollapseFun=()=>{checkboxCollapse.value=!checkboxCollapse.value;}css部分.control-checkbox-collapse{cursor:pointer;}.chec
- element组件点击复选框不选中问题
南玖i
vueelementelementuivue.js
element组件点击复选框不选中问题问题复现点击却选不中（代码如下） 问题解析：如果max和min不是动态的就不会有这个问题，如果我们是动态的，就需要做一个判断，网上也有一中办法set，但是觉得我这种比较简单el-checkbox-group里面添加一个v-if='checkbox' 当我获取到checkbox所有内容之后在进行渲染就不会有问题了（最后记得data里面定义哦）ps：上效果图，由于
- 关于element+ui，多选框组无法选中问题
liuarmyliu
前端vuevuejs
遇到一个问题，在使用elementui的多选框组件el-checkbox-group和el-checkbox的时候出现了无法选中选项的事情其中，listDate是通过父组件传递过来的值，因为我要实现的是可以控制多选框组最多和最少的选项，按照el-checkbox-group要求，checkList是数组，如果不绑定min和max是可以选中的，但是反正就会出现复选框选不中的情况。查看别人的资料和官方
- 前端-如何自己做一个可视化的人员选择泛用组件
大嘴史努比
vue.js前端javascript
一、展示组件效果二、组件的功能1.用户可以在搜索框里输入字符，下方列表实时变动（筛选出包含搜索字符的可选项），如果没有字符，就展示所有的选项2.用户点击可选项，右侧出现标签3.用户点击标签的XX，标签会消失，并且左侧改可选项的“选中”状态消失三、具体实现代码主要有三部分组成el-input,el-checkbox-group,el-tag{{item.name}}{{tag.name}}expor
- 多选按钮关联多个el-checkbox-group
屿东
vue.js前端
需求：如图设计稿，全部企业成员下面的数据来源与两个接口，点击全部企业成员需要勾选全部，下面选中全部企业成员要是选中状态，所以需要两个数组变量，两个el-checkbox-group来控制；有人可能会疑问为什么不把两个数据接口的数据放一个数组里，用一个el-checkbox-group来展示。正常情况下确实可以，但是还有个表单提交的请求，需要分别传两个数组中勾选的id，所以不能放一个数组里，不然没发
- vue el-select多选封装及使用
皮卡穆
vue.jsjavascriptelementui
使用了ElementUI库中的el-select和el-option组件来构建多选下拉框。同时，也包含了一个el-input组件用于过滤搜索选择项，以及el-checkbox-group和el-checkbox组件用于显示多选项。创建组件index.vue(src/common-ui/selectMultiple/index.vue){{selectInfo.prop&&selectInfo.pr
- html单选框为啥能多选,el-radio-group单选框，能否做到不能多选，只能全选，并且高亮？...
王振升
html单选框为啥能多选
el-radio-group单选框，能否做到不能多选，只能全选，并且高亮？具体代码该怎么写？请各位大佬帮帮忙回答`备选项备选项备选项`label属性值设为一样不就好了大多数语境下,radio就是给单选用的,之所以叫radio,是借用了收音机(即radio字面含义)只能选一个台的概念所以我默认你期望的其实应该是el-checkbox-group,这是一个简单的要么全选,要么不选的方案:{{city}
- elementUI中 el-checkbox-group设置了max，全选之后无法单独取消某个选中数据
问题记录中心✘
elementuivue.jstypescript
elementUI的el-checkbox-group组件设置了max全选之后就无法手动取消单个选中的数据，必须点取消全选按钮才可以全部取消选中，巨全选/取消全选//设置了max全选之后就无法手动取消单个选中的数据，必须点取消全选按钮才可以全部取消选中{{city}}constcityOptions=['上海','北京','广州','深圳'];exportdefault{data(){return
- el-checkbox-group变成竖着的样式
m0_52611940
javascript前端开发语言
加style="display:block;padding-top:10px;margin-left:27px"全选（{{memberList.length}}）-->{{item}}
- Vue 动态生成 el-checkbox-group 遇到的v-model双向数据绑定问题及解决方法
爱宇阳
VueElementvueelementel-checkboxv-model
在制作一个根据props传入值来动态生成未知个数的el-checkbox-group时: {{item.name}} export default { name: 'MySearch', data(){ return { checked:{} } }, props:{ queryData:{
- el-checkbox-group获取选中的id 禁止选中已有项
Donmind29
vuevue
item_==item.name)":label="item.name">这里绑定的checkModel是一个包含选中的label的数组注意:el-checkbox-group所对应v-model必须是数组格式，且没有层级嵌套后端返回的数据是这样的:我们v-model绑定的checkModel只包含选中的name,要获取到对应的id就需要监听el-checkbox的change事件getCheck
- vue2 el-checkbox-group 不能勾选问题
古迪红尘
javascript前端vue.js
应用场景:弹窗里的el-checkbox-group无法选择和取消点击打开Dialog{{app.label}}取消确定exportdefault{data(){return{form:{name:'活动',//appList:[1,2,3,4],apps:[{label:'基础1',value:1},{label:'基础2',value:2},{label:'基础3',value:3},{lab
- 关于el-checkbox-group无法正常显示
仁川IG_看我燃烧的CPU
vue.jselementui前端
今天出现了这样一个bug！我写了一个弹窗，弹窗里面都是使用：model绑定的数据，正常来说是没有任何问题的，但是当我触发事件的时候，我所有的v-model绑定的数据全部报错，所有的问题都指向了el-checkbox-group这个标签，页面显示问题是我当前页面初始化的时候不显示，但是触发其他事件的时候处于禁用状态的时候就会显示，当再点回到当前页面时候他就出来了，但是是禁用状态，正常来说在当前页面我
- 【element-ui】el-checkbox子父级联动勾选
浪浪山的慕容云
vue.jsjavascriptelementui前端
需求：根据已有的项目，点击操作按钮从全部的各项展示中将对应的项目勾选，如图所示：思路：1、处理已有项目的渲染{{key}}{{val._prop.func_name}}2、处理弹窗内多选框的渲染，这里没有使用el-checkbox-group，分别绑定了单独的el-checkbox{{key}}已选{{value.realLength}}个，共{{value.length}}个{{val.func
- el-checkbox参数动态设置，el-checkbox-group动态设置v-model，未勾选成功。
qq_39037897
vue
1.{{item.value}}exportdefault{name:",components:{},data(){return{ruleForm:{},};},created(){this.ruleForm.list=[{key:1,value:'list1'}];this.$set(this.ruleForm,"values",[1]);//深入式响应原理},}
- 解决elment 动态多选框组（el-checkbox-group）无法设置默认值问题
南北极之间
前端开发elementuicheckbox-group默认值多选框默认值
{{item.name}}备注:v-model直接绑定value的似乎不需要这样直接可以绑定，我这种是绑定的Object,所以需要这样写这种情况设置默认值本来只需要设置：this.form.showProperty=['a','b']我们页面就可以默认选中a选项和b选项，实际上当我们这样写的时候却不能实现默认选中，我们只需将设置选中代码写入$nextTick里面，就能默认选中了this.$next
- elementUI中el-checkbox-group,动态禁用el-checkbox项
lilly呀
UI框架elementui
前言：最近在项目中，需要一个动态禁用el-checkbox选项的功能，某些选项在某些场景下，需要禁止掉，让用户不可选的状态。一、elementUI框架文档elementUI框架文档只提供disabled的标签，这种状态是固定的，不是动态的，那么，如何给el-checkbox-group数组下面的某一项el-checkbox-button，动态添加禁用状态呢？二、动态添加动态添加禁用标签，使用:di
- el-checkbox-group全选无效问题
热爱蛋炒饭
技术javascript前端vue.js
el-checkbox-group的label绑定的是el-checkbox中的label属性，并非是key属性。全选{{shop.shopname}}全选```javascripthandleCheckAllChange(val){varcheckedsItem=val?this.shoplist:[]if(checkedsItem.length>0){checkedsItem.map(item
- el-checkbox在el-dialog里 不会被勾选的问题
我就再看一眼
vue.jselementuijavascript
首先，前端使用vue2+elementui进行开发。在实际项目中遇到这么一个问题，在table列表中有一个button，点击后展开dialog，dialog里包含了多选checkbox，而根据后台返回的数据要进行多选框的勾选实际情况是，get数据正常，但dialog展开后，其中的checkbox全部没有被勾选尝试解决问题：1.el-checkbox上层为el-checkbox-group，不仅ge
- el-checkbox-group中常遇到的问题
肖小雨
vuecheckbox
All{{type.label}}其中:label是el-checkbox选中状态的值。types是需要遍历的数组，如果types=[value:‘1’,label:‘北京’]，传值给后端需要传value。而显示的是label的值，则需要做变换。在传值之前，用map来提出value。this.reportForm.poiTypes=this.checkedTypes.map(i=>i.value)
- el-checkbox-group限制勾选数量
毛三仙
后台管理系统javascriptvue.js前端
视频监控{{item.name}}exportdefault{name:"videoSurveillance",components:{},props:{},data(){return{sourceArr:[{name:"视频监控1",source:"",},{name:"视频监控2",source:"",},{name:"视频监控3",source:"",},{name:"视频监控4",sour
- vue中el-checkbox-group无法选中
HH_KELE
vuejavajsreactobject
原因：vue中给对象新增属性直接用=赋值方式，虽然可以新增属性，但是不会触发视图更新例如定义了temp对象在操作过程中又新增了b属性data(){return{temp:{a:''}}}//直接赋值不会触发视图更新this.temp.b=24可以新增属性，但是不会触发视图更新vue2.0以上可以用this.$set()更新视图解决办法this.$set(this.temp,"b",值)
- 动态生成多个el-checkbox-group,控制每组的单选全选
哼哼可帅
elementvue.jselementuijavascript
效果图如下：template部分handleCheckAllChange(val,item)">{{item.name}}<el-checkbox-groupv-model="checkedCompany"@change="ha
- Element-ui el-checkbox-group 多选限制只能选一个
醉笙情丶浮生梦
通过max限制只能选一个的话会先取消上一个才能选择另外一个{{item}}data数据userList:[0],user:["User1","User2"],groupChange(){console.log("变化",this.userList);if(this.userList.length>1){this.userList.shift();}}
- 解决el-checkbox选中状态更改问题
IM_chaochao
Vue
目录前言：问题分析：解决方式：前言：相信很多猿友都被el-checkbox选中状态更改的问题困扰的掉了不少头发！！！！！！！这玩意真的是坑啊！!今天，机缘巧合(认真研究)之下，终于解决了这个问题。问题分析：首先这个问题部分人给的解决方式修改v-model的绑定值，而且有部分人信誓旦旦的说这个方法有效。我测了一下，确实有效，但是是在没有使用el-checkbox-group的情况下。具体代码如下：c
- vue页面中一个小列表中多选框的选中状态的两种设置方法
皓月当空hy
vue.jsjavascript前端
第一种方法：所有类型都是固定的、后台提供了选中状态的接口(页面进入时默认展示所有类型和类型的选中状态思路：1、列出所有类型同时与后台规定好每种类型的id与对应的名称2、在mounted中执行获取后台给定的选中状态（包含1个或多个的id数组）3、将得到的结构绑定到el-checkbox-group的v-mdel上，到此功能实现（此类适合截图这种）{{item.title}}data:{return{
- el-checkbox-group获取最新选中的那一项的label
不吃香菜的猪
后台管理系统vue.jsjavascript前端
{{item.name}}data(){return{checkedMarker:[],markerList:[{id:-1,name:"故障设备",checked:true},{id:-1,name:"路口",checked:false},],//省略.......}},markerChange(e){console.log(e)//['故障设备','视频监控']},getWhatMarker(
- 【VUE】使用elementUI上传组件-提示不存在
SZnA1
vue.jselementui前端
使用elementUI上传组件上传图片后，表单验证还是提示不存在主要是因为组件包的层级比较深，验证取不到值导致可以通过绑定其他元素获取到值进行验证比如增加el-checkbox-group元素，将值绑定到它上面exportdefault{data(){return{Form:{imageUrl:''},rules:{imageUrl:[{required:true,message:'请上传图片',
- 解线性方程组
qiuwanchi
package gaodai.matrix;
import java.util.ArrayList;
import java.util.List;
import java.util.Scanner;
public class Test {
public static void main(String[] args) {
Scanner scanner = new Sc
- 在mysql内部存储代码
annan211
性能mysql存储过程触发器
在mysql内部存储代码
在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。
先看优点：
1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。
2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。
3 可以简化代码的维护和版本更新。
4 可以帮助提升安全，比如提供更细
- Android使用Asynchronous Http Client完成登录保存cookie的问题
hotsunshine
android
Asynchronous Http Client是android中非常好的异步请求工具
除了异步之外还有很多封装比如json的处理，cookie的处理
引用
Persistent Cookie Storage with PersistentCookieStore
This library also includes a PersistentCookieStore whi
- java面试题
Array_06
java面试
java面试题
第一，谈谈final, finally, finalize的区别。
final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
- 网站加速
oloz
网站加速
前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教.
1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。
2、采用Gzip对网页进行压缩；
GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
- 正确书写单例模式
随意而生
java 设计模式 单例
单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。
懒汉式，线程不安全
当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
- 单例模式
香水浓
java
懒汉 调用getInstance方法时实例化
public class Singleton {
private static Singleton instance;
private Singleton() {}
public static synchronized Singleton getInstance() {
if(null == ins
- 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2"
AdyZhang
apachehttp server
安装Apache问题：系统找不到指定的文件 No installed service named "Apache2"
每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。
解决方法确保几处：
1、停止IIS启动
2、把端口80改成其它 （譬如90，800，，，什么数字都好）
3、防火墙(关掉试试)
在运行处输入 cmd 回车，转到apa
- 如何在android 文件选择器中选择多个图片或者视频？
aijuans
android
我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传
但是android原生态的sdk中，只能一个一个的进行选择和上传。
我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法
官方的图片选择器(但是不支持所有版本的androi，只支持API Level
- mysql中查询生日提醒的日期相关的sql
baalwolf
mysql
SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(), dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
- MongoDB索引文件破坏后导致查询错误的问题
BigBird2012
mongodb
问题描述：
MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。
解决方案：
使用脚本，重建MongoDB所有表的索引。
var names = db.getCollectionNames();
for( var i in names ){
var name = names[i];
print(name);
- Javascript Promise
bijian1013
JavaScriptPromise
Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。
一.认识Promises
“Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
- [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程
bit1129
zookeeper
Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是
public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
- 【Java命令三】jstack
bit1129
jstack
jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump
[hadoop@hadoop sbin]$ jstack
Usage:
jstack [-l] <pid>
(to connect to running process)
jstack -F
- jboss 5.1启停脚本 动静分离部署
ronin47
以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename -b ip -g clustername -u broatcast jboss.messaging.ServerPeerID=int -Djboss.service.binding.set=p
- UI之如何打磨设计能力?
brotherlamp
UIui教程ui自学ui资料ui视频
在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。
1.找到自己的方式
如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
- 三色旗算法
bylijinnan
java算法
import java.util.Arrays;
/**
问题：
假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序，
您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳
子上进行这个动作，而且一次只能调换两个旗子。
网上的解法大多类似：
在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
- 警告:No configuration found for the specified action: \'s
chiangfai
configuration
1.index.jsp页面form标签未指定namespace属性。
<!--index.jsp代码-->
<%@taglib prefix="s" uri="/struts-tags"%>
...
<s:form action="submit" method="post"&g
- redis -- hash_max_zipmap_entries设置过大有问题
chenchao051
redishash
使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑
#define ZIPMAP_BIGLEN 254
#define ZIPMAP_END 255
/* Return th
- select into outfile access deny问题
daizj
mysqltxt导出数据到文件
本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/
为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。
授权的语句如下：
grant select on armory.* to rn
- phpexcel导出excel表简单入门示例
dcj3sjt126com
PHPExcelphpexcel
<?php
error_reporting(E_ALL);
ini_set('display_errors', TRUE);
ini_set('display_startup_errors', TRUE);
if (PHP_SAPI == 'cli')
die('This example should only be run from a Web Brows
- 美国电影超短200句
dcj3sjt126com
电影
1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
- Java访问远程服务
dyy_gusi
httpclientwebservicegetpost
随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
- Maven的settings.xml配置
geeksun
settings.xml
settings.xml是Maven的配置文件，下面解释一下其中的配置含义：
settings.xml存在于两个地方：
1.安装的地方：$M2_HOME/conf/settings.xml
2.用户的目录：${user.home}/.m2/settings.xml
前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
- ubuntu的init与系统服务设置
hongtoushizi
ubuntu
转载自：
http://iysm.net/?p=178 init
Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。
ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。
运行
- 跟我学Nginx+Lua开发目录贴
jinnianshilongnian
nginxlua
使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。
目录
第一章 安装Nginx+Lua开发环境
第二章 Nginx+Lua开发入门
第三章 Redis/SSDB+Twemproxy安装与使用
第四章 L
- php位运算符注意事项
home198979
位运算PHP&
$a = $b = $c = 0;
$a & $b = 1;
$b | $c = 1
问a,b,c最终为多少?
当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0
但是位运算符是不会改变变量的值的，例如：
$a=1;$b=2;
$a&$b;
这样a,b的值不会有任何改变
- Linux shell数组建立和使用技巧
pda158
linux
1.数组定义 [chengmo@centos5 ~]$ a=(1 2 3 4 5) [chengmo@centos5 ~]$ echo $a 1 一对括号表示是数组，数组元素用“空格”符号分割开。
2.数组读取与赋值 得到长度： [chengmo@centos5 ~]$ echo ${#a[@]} 5 用${#数组名[@或
- hotspot源码(JDK7)
ol_beta
javaHotSpotjvm
源码结构图，方便理解：
├─agent Serviceab
- Oracle基本事务和ForAll执行批量DML练习
vipbooks
oraclesql
基本事务的使用：
从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚
select * from account;
-- 创建一张账户表
create table account(
-- 账户ID
id number(3) not null,
-- 账户名称
nam
