一、组件说明 DatePicker 日期选择器，默认接收并返回 Date 对象。使用 format 指定输入框的格式；使用 value-format 指定绑定值的格式。 二、问题及解决方法 问题： 使用了el-date

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 <template> <div> <el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请

默认显示当年年份 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <template> <div> <el-date-picker v-model="value" type="year" placeholder="选择年"> </el-date-picker> </div> </template> <script> export default { data (){ return{

一、规避错误、增强可读性、确保一致性 组件名为多个单词 单文件组件的文件名首写字母大写开头 和父组件紧密耦合的子组件应该以父组件名为前缀 单例组件名

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="id" :expqnd-row-keys = "expands" :tree-props="{children: 'children'}"> <!-- 设置expqnd-row-keys默认展开第

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <template> <el-select v-model="value" filterable remote reserve-keyword placeholder="请输入学号\姓名" :remote-method="remoteMethod" :loading="loading"> <el-option v-for="item in names" :key="item.code" :label="item.code" :value="item.name"> <!-- 自定义下

实现流程 在确认按钮上绑定点击事件：@click="addUser"，在 methods 方法中定义 addUser 事件，预验证通过后发起网络请求，调用

table 1 2 3 4 5 6 7 8 9 <el-table :data="tableData" style="width: 100%"> <el-table-column v-for="(item,index) in labelData" :key = index :prop="item.prop" :label="item.label" ></el-table-column> </el-table> data labelData 中的 prop 是 tableData 中的属性 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 labelData:[ {index:1,label:

1 2 3 4 5 6 7 8 9 <el-tabs > <el-tab-pane :key="item.name" v-for="(item,index) in editableTabs" :name= "item.name"> <span slot="label"> {{ item.title }} <el-badge v-if="is-dot" is-dot></el-badge> </span> </el-tab-pane> </el-tabs > tab组件嵌入el-badge时获取到了数值，但是el-badge现实的还是初始

vue 深度作用选择器 >>> 与 /deep/(sass/less) /deep/ 后改为 ::v-deep 遇到的问题 vue 组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局，但如果你引用了第