weixin_45044349的博客

图示描述框【宽度做不了很大调整（易串行）】 <el-descriptions :column="2" size="large" width="500" border v-for="(v, i) in userCompany" :key="i"> <el-descriptions-item label="企业名称" label-align="right" width="200px" clas

图示<div class="card_cont"> <el-descriptions :column="2" size="large" width="500"> <el-descriptions-item label="用户名">kooriookami</el-descriptions-item> <el-descriptions-item><el-link type="primary">修改</el-li

会员倒计时 (函数写到了秒，可自行更改)<div>{{day}}</div>import {ref} from 'vue'const tt =ref()const day = ref()const showtime = function () { const nowtime = new Date(); //获取当前时间 const endtime = new Date('2022/8/8'); //定义结束时间 const gotime = endtime.ge

安装npm install --save qrcode.vue案例 vue3+ts利用Popover 气泡卡片 点击后弹窗，或是修改为鼠标触动弹框都可以还可以写css样式改变二维码与卡片样式【Popover 气泡卡片】<el-popover placement="right" trigger="click" :teleported="false"> <template #reference> <el-link type="primary" class=

安装yarn/npm install --save vue-clipboard3点击复制，将会复制文本案例 vue3+ts <div class="txt">{{ code }}</div> <el-link type="primary" @click="copyCode(code)">复制</el-link><script setup lang="ts">import useClipboard from 'vue-clipboar

图示：js // 加载json数据 // 常见问题 $(document).ready(function() { $.getJSON("./static/json/yz_zsk.json", function(data) { $.each(data, function(i, info) { var tit = info['wt'] var answer = info['da'

要求：有两个多选框，第一个：草稿、审核中、驳回、已通过第二个：离线、在线注：第二个多选框只能在第一个选择已通过时选择图示：代码：//vue html<el-form ref="manageRef" :inline="true" label-position="right" :model="newsForm" class="demo-form-inline" label-width="120px" style="max-width: 1250px"&.

由于安装了eslint ，使得一些代码有着格式和规则问题优化之前：1.2.优化之后，以及解决了el-select选择“全部”代码： <el-select v-model="inputSearch" class="m-2" placeholder="Select" size="large"> <el-option label="全部" value="all_list" /> <el-option label="待处理" value="1"

图示：html <div class="type-tips"> <el-drawer v-model="drawer2" :direction="direction"> <template #title> <div class="tips-nav"> <span>分类管理</span> </div> </t

根据id所触发的点击事件 handClick(v)vue子组件<template> <el-popover placement="left" trigger="click" width="120px"> <ul class="my_popover_list"> <li @mouseover="handClick(v)" class="share_tips" v-for="(v,i) in imgArr" :key="v.ti

参考示例：vue//1 写死<el-tabs type="border-card"> <el-tab-pane label="文章正文">User</el-tab-pane> <el-tab-pane :label="'收藏用户'+'('+navTxt[1].num+')'" >Config</el-tab-pane> <el-tab-pane :label="'分享用户'+'('+navTxt[1].num+'

图示：点击提交时，需要做判断【则需要选中表单，判断是否填写内容】①select：$("#select1 option:selected").text(); //选择反馈类型$('#select option:selected').val(); //0②textarea:$('#feed_txt').val()③如何用jquery获取中输入的值？$(" #test ").val()$(" input[ name='test' ] ").val()$(" input[ typ

图示：js编写函数：// 转换时间 function getMyDate(str) { var oDate = new Date(str), oYear = oDate.getFullYear(), oMonth = oDate.getMonth() + 1, oDay = oDate.getDate(), oTime = oYear + '年' + getzf(oMonth) +

vscode在vue3中出现问题

父子传参子组件Child.vue<template> <div> <button @click="childEmit">父组件传参</button> </div></template><script>export default { setup(props,{emit}){ function childEmit () { emit('my-emi

效果图代码：<template> <div class="lt"> <div class="title fcs"> <img :src="index_1_i" alt=""> <div>工作台</div> </div> <div class="icons fcs"> <div class="f

效果图代码1：可引入网址链接网址拼接字符串：a1.jpg【随便写到】<el-carousel trigger="click" height="320px"> <el-carousel-item v-for="item in 4" :key="item"> <img :src="`www.baidu.com/a${item}.jpg`" alt="" class="banner"> </el-caro

1、定位 position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);2、弹性盒子 /* css3弹性居中：不知道值，直接用属性 */ display: flex; /* 水平 */ justify-content: center; /* 垂直 */ align-items: center;3、margin：只是在水平方向居中margi

效果图有运动轨迹、运动时渐变等代码：