- 博客(13)
- 收藏
- 关注
原创 css使用animation进行播放长图片
例如:鼠标放入或离开卡片中图标,就会出现动效。打开控制台发现此动效为一张长图进行一帧帧播放。下方4000px是(图片总张数-1)*单张高度。
2023-08-01 10:14:20 725 1
原创 vue中使用svg
在svg文件里添加一张svgName.svg图片,iconClass跟图片名称保持一致,class可以自己添加类。注意:需要把svg图片文件的(需要修改的)fill以及stroke修改成currentColor或者直接删除。icons下创建svg目录,用来存放项目所使用的所有图标 svg 文件。比如下面的svg文件就stroke=“currentColor”在 main.js 入口文件中 全局引入 icons。完成上面操作后页面使用以及样式修改。icons下index.js文件。isExternal校验。
2023-07-24 19:36:12 1006 1
原创 Vue复制内容到粘贴板
let input = document.createElement('input') //要复制的内容 input.value = value; //添加input标签 document.body.appendChild(input) //选中input标签 input.select() //执行复制 document.execCommand('copy') //移除input标签 document.body.removeChil.
2022-05-12 13:40:13 793
原创 Vue 刷新当前页面
Vue 刷新当前页面用location.reload()或this.$router.go(0),导致页面在刷新过程中会出现空白现象的发生,用户体验极其不佳。用下面这种方法可以解决这种问题:先在App.vue中写入刷新方法reload();<template> <div id="app"> <router-view v-if="isRouterAlive" /> </div></template><script>
2021-02-25 10:16:38 148 2
原创 vue element el-date-picker picker-options实现特定日期范围内可选择disabledDate
官方文档给出的示例:<el-date-picker v-model="value2" align="right" type="date" placeholder="选择日期" :picker-options="pickerOptions"> </el-date-picker>这是禁用当天之后的时间不可选择(disabledDate中,time.getTime() 的范围是禁用的时间范围)export default { data() {
2021-01-21 16:04:40 4950
原创 element中form表单el-form-item 添加红色星号
1.如果只需要加个红星星不需要验证就如下所示 <el-form-item label="选择考点:" prop="theoryCenterId" :required="true" />只需添加 :required=“true”2.如果是想加校验:只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可...
2021-01-18 20:50:19 15158 15
原创 vscode git切换其他远程分支
在开发过程中,其他成员在git上新建一个分支在vscode上找不到![在这里插入图片描述](https://img-blog.csdnimg.cn/20210114135257883.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlbGxvX29sbA==,size_16,color_FFFFFF,t_70#pic_center)@Over.
2021-01-14 14:19:44 10253 2
原创 vue element el-select下拉选择不回显问题
el-select下拉选择无效问题描述:在使用Vue开发使用element-ui时,el-select下拉框出现在点击选择的时候数据无法显示的问题。<el-select v-model="dialogForms.approvalPhase" placeholder="阶段查询"> <el-option v-for="item in trainApprovalPhase" :key="item.dictValue" :label="item.dictLabel" :value=
2021-01-12 16:18:18 3260
原创 vue中el-date-picker不回显问题
vue中el-date-picker 回显后无法更新数据题问题描述:el-date-picker在新建时可以选择日期正常显示,在修改资料时先进行查询资料详情,并给el-date-picker赋值后再进行操作选择日期会出现数据无法更新的情况 <el-form-item label="培训日期" prop="timevalue"> <el-date-picker style="width: 335px" v-model="planForm.timevalue
2021-01-12 10:12:25 4385
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人