阳光大男孩！！！的博客

一、前言之前图省事，都是在html中引入Vue.js的CDN来使用Vue开发网站项目，其实正确的做法应该是使用Vue构建一个完整的项目，进而进行前后端分离的开发。二、让我们开始吧！1 node环境安装从 node官网下载node.jshttps://nodejs.org/zh-cn/2 安装vue-clinpm install vue-cli -g3 新建项目vue init webpack vue-project一路yes！cd vue-project npm run d

在对应的column下加align="center"即可 <el-table-column align="center" label="回收" width="120">

效果左边的是第一种方式，右边的是第二种方式第一种方式直接指定type为selection，并且在table标签中指定处理方法，即@selection-change="handleSelectionChange" <el-table-column type = 'selection' label="是否选中" width="55"></el-table-column> handleSelectionChange:func

如图，使用scope来双向绑定数据时，提示scope.row.xf 是undefined <el-table-column width = 180 label="名称" align="center"> <template slot-scope="scope"> <el-input v-model="scope.row.xf" placeholder="姓名"></el-inp

一、在table中声明selection选中的触发事件，即@selection-change="handleSelectionChange" <el-table :data="tableData" @selection-change="handleSelectionChange" style="width: 100%">二、再使用column 指定type 为selection即可 <.

element-ui是饿了么团队基于Vue开发的组件库，所以若要直接在html中使用，需要挂载vue的js文件。 <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>使用element-ui也可以也可以直接挂载 <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/l