yang_web的博客

基于element-ui封装table合并列

elementUI的日期选择组件只能选择当前年的日期，不能选择之前年和之后年的日期 <el-date-picker v-model="form.nowYear" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择当前年份" :picker-options="pickerOptions" />pickerOptions: { disabledDate(

vue开发封装思路--api篇

动态表单的实现

vue拖拽生成动态表单（可缩放和自定义布局）如果需要源码，可以在评论区留言

vite2.0+vue3.0+ts1、template中可以有多个根元素，以前只能包在一个父容器中<template><p>{{count}}</p><el-button type="primary" @click="clickTo">子组件</el-button><el-button type="primary" @click="go">跳转</el-button>{{state.sum}}<van-b

子组件的写法，需要从setup函数中引出{emit}<template> <div id="center" v-if="isShow"> <h2><slot>my model</slot></h2> <el-button type="primary" @click="btnclose">传递事件</el-button> <el-button type="primary" .

script中使用ts的写法，以及store和router在.vue页面的使用方法，需要从vue-routerhe 和vuex中导出useStore和useRoute(userouter)通过getCurrentInstance（）方法可以获得组件实例<script lang="ts">import { defineComponent, computed, onMounted, watch,ref,getCurrentInstance,reactive,nextTick ,toRefs}

<template> <div class="home"> {{age}} <p>{{getSum}}</p> <p>{{two.id}}</p> <input type="text" ref="inputRef"> <button @click="add">按钮</button> <h3>m1: {{m1}}</h3>