![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
A.颖
这个作者很懒,什么都没留下…
展开
-
使用Vue创建新项目
需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目在dos命令中运行命令:vue init webpack vuedemo2安装项目所需的npm依赖包:先cd到项目文件夹(vuedemo2文件夹)cd vuedemo2然后运行命令npm install 或者 cnpm install安装完成以后,就可以运行整个项目输入运行命令:n...原创 2020-02-26 10:07:23 · 311 阅读 · 0 评论 -
从后台循环遍历获取多选框的值,点击修改后在传到后台
从后台循环遍历获取多选框的值,点击修改后在传到后台1、Vue页面代码<div style="float:right;height: 55%;width:90%;padding-left: 1%;"> <el-table :data="tableData" border style="width: 95%;margin-left: 0%" height="300"&原创 2019-03-13 10:08:15 · 713 阅读 · 0 评论 -
Vue 刷新当前页面、编辑table后 ,刷新Table
1、第一种解决方法 (1) App.vue:声明reload方法,控制router-view显示或者隐藏 ;<template> <div id="app"> <router-view v-if="isRouterAlive"></router-view> </div></template&g...原创 2019-04-16 09:48:58 · 15237 阅读 · 5 评论 -
Element Table 表格
1、排序 sortable2、隐藏 el-table的某一列v-if="false"3、加入垂直滑动滚轮,只需加入高度就可以了;原创 2019-04-15 14:56:47 · 161 阅读 · 0 评论 -
element table 批量获取选择的行的数据(selection 勾选框)
批量选择table 的行数代码实现:在<el-table >添加属性 ref = "multipleTable " ,在<el-table-colum> 添加type属性 type=" selection "再通过一下代码就能获取已选择的行的数据;this.$refs.multipleTable.selection这里的multipl...原创 2019-04-28 09:15:41 · 31336 阅读 · 11 评论 -
element table 分页显示table数据信息
el-table 实现分页代码实现 :<div style="width: 65vw;margin-top: 2%;margin-left: 3%"> <el-table height="450" :data="userListTableData" border style="width: 100%"> <el-...原创 2019-04-28 09:48:24 · 2260 阅读 · 0 评论 -
Transfer 穿梭框
Transfer 的数据通过 data 属性传入。数据需要是一个对象数组,每个对象有以下属性:key 为数据的唯一性标识,label 为显示文本,disabled 表示该项数据是否禁止转移。目标列表中的数据项会同步到绑定至 v-model 的变量,值为数据项的 key 所组成的数组。当然,如果希望在初始状态时目标列表不为空,可以像本例一样为 v-model 绑定的变量赋予一个初...原创 2019-04-28 10:56:15 · 2707 阅读 · 0 评论 -
搭建vue环境
1、安装node安装完成之后,打开cmd开始输入命令。(查看node版本)2、安装淘宝镜像cnpm输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org3、安装全局vue-cli脚手架输入命令:cnpm install --global vue-cli...原创 2019-09-16 14:27:39 · 105 阅读 · 0 评论