Check All

VUE的学习汇总 VUE 的特点： 不用操作DOM 单页面应用WEB（asp) 数据驱动视图，只关注数据； MVVM双向数据绑定； 组件化，复用代码； VUE的安装： 1.直接通过路径引入，地址：https://vuejs.org/js/vue.min.js; 2.直接下载在本地引入 3.采用npm安装的方式，命名：npm install vue vue.js不支持IE8及其以下版本； VUE的使用： once ,prevent,stop <div id="app"> {{string}} <button v-on:click="clicme">once</button> <button @click="clicme">once</button> <button @click.once="clicmeonce">once</button> //只触发一次 <a href="http://www.baidu.com" @click.prevent="stopjum">//阻止默认事件触发 <div @click="alert(1)"> <div @click.stop="alert(2)"></div> //阻止冒泡事件，只重复2，不触发1 </div> <input type="text" v-bind:value="string" @input="inputChange(

　　在ElmentUI的Table表格组件中，也许你会使用type为selection值的多选框功能，但是此时设置的label属性不生效，不能设置标题名称；有时候我们的需求就是要添加标题名称，那该如何处理呢？当然你可以对其样式做特殊处理，也可以自定义标题，本文将描述如何利用自定义标题来添加多选框和标题名称，特别是在该过程的踩过的雷和填补过的坑。 　　（一）需求：在Table表格中新增一列用于批量操作当前页的该列，例如：通过多选框来对批量设置该列的两种属性状态，选中时表示全部隐藏，不选中时表示全部显示，若部分隐藏、部分显示时多选框呈现第三种样式状态，一般是短横线表示。 　　（二）方案：利用Table表格column的header属性。 利用插槽进行设置，即 slot= "header"，这样就可以在表头中自定义样式来； 若不设置该属性，那么是对列内容进行设置。 具体的代码如下： 首先在工程目录下安装element，通过npm i element-ui - S命令安装即可； 然后在工程中引入element，在main.js文件中添加这样两条语句： import ElementUI from 'element-ui' ; Vue.use(ElementUI); 接着，我们在App.vue文件中进行测试，添加如下代码： <template> <div id="app"> <img src=

布局效果 布局代码 < button type = "button" class = "btn btn-sm btn-danger btn-erbi-danger" id = "batchDel" style = "margin-right:20px;" > 批量删除 </ button > < tr > < th >< input id = "checkAll" type = "checkbox" ></ th > < th > ID </ th > < th > 所属公司 </ th > < th > 姓名 </ th > < th > 性别 </ th > < th > 身份证号 </ th > < th > 手机号 </ th > < th > 住址 </ th > < th > 备注 </ th > < th > 标签 </ th > < th > 创建时间 </ th > < th > 操作 </ th > </ tr > < volist name = "result" id = "vo" > < tr data-id = "{$vo.id}" data-table = "company" > < td >< input class = "checkOne" type = "checkbox" data-id = "{$vo.id}" ></ td > < td >

Flask 是 python 中非常流行的一个 web 框架，容易学习。这篇文章主要通过 2 个实际案例讲解 Flask 如何使用。第一个例子是实现一个调用公交车到站信息的接口服务；第二个例子是通过接口展示所有的测试报告。 Flask 安装 安装 python pip install flask flask 安装 Flask 启动服务 from flask import Flask app = Flask(__name__) app.run() 通过 3 行代码，可以启动一个 flask 的服务。 第一行，导入 第二行，创建 Flask 程序实例 第三行，通过实例启动服务 运行这个代码，可以在本地的 5000 端口访问， 得到结果是 404 页面无法找到： flask running.gif 为 Flask 程序添加接口 此时，访问 http://localhost:5000 看到 404 错误，是因为没有定义接口。 一个 url 地址和一个处理函数对应，就可以形成一个接口。 通过下面的 代码，可以在之前的代码基础上添加一个接口： @app.route('/') def index () : return { "msg" : "success" , "data" : "welcome to use flask." } 接口添加完成后，再次访问 http://localhost

如果你用到了nz-table组件，而且有勾选列表的需求时，就可以用该组件自带的 nzShowCheckbox 勾选属性，用法如下 ： < nz-table #rowSelectionTable nzShowPagination nzShowSizeChanger [nzData] ="" (nzCurrentPageDataChange) ="" > < thead > < tr > < th nzShowCheckbox [(nzChecked)] ="" [nzIndeterminate] ="" (nzCheckedChange) ="" ></ th > </ tr > </ thead > < tbody > < tr *ngFor ="let data of rowSelectionTable.data" > < td nzShowCheckbox [(nzChecked)] ="" (nzCheckedChange) ="" ></ td > </ tr > </ tbody > </ nz-table > 第一列是联动的选择框，增加 nzShowCheckbox 后， th 获得和 nz-checkbox 一样的功能，选择后进行操作，完成后清空选择，请注意：数据逻辑需要自行控制。 数据方面组件案例定义了一个 mapOfCheckedId 对象

jquery实现 引入jquery文件 // 在线引入 <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js" type="text/javascript"></script> html代码 <div style='width:300px;height:50px;margin-left:300px;margin-right:auto;'> <label>多选框: </label> <input type="checkbox" name="checkAll" value="" title="全选">全选 <input type="checkbox" name="type" value="奥迪" title="奥迪">奥迪 <input type="checkbox" name="type" value="丰田" title="丰田">丰田 <input type="checkbox" name="type" value="大众" title="大众">大众 </div> jquery代码 $(function(){ // 获取单个单选框的值 $(":checkbox[name='type']").on('change', function () { var item= $(this).val();