![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
陌影ml
在代码的世界里徜徉
展开
-
vue3封装自定义switch组件,以及v-model的使用
vue3封装switch组件原创 2022-09-15 10:29:48 · 457 阅读 · 0 评论 -
vue项目封装下拉选择框
方式1:通过改变option-wrapper盒子的高度实现展开下拉选项过渡动画<template> <div class="selectWrap"> <div class="select-wrapper"> <div class="select" @click="triggerOption"> <div class="select-content">{{ selectContent.text }}</原创 2021-09-17 14:02:07 · 841 阅读 · 1 评论 -
vue中watch的详细用法
1、在vue中,使用watch来响应数据的变化。watch的用法大致有三种。下面代码是watch的一种简单的用法:<input type="text" v-model="person"/>new Vue({ el: '#root', data: { person: 'xml' }, watch: { name(newval, oldval) { console.log(newval, oldval); } } })2、直接写一个原创 2020-11-17 09:45:29 · 418 阅读 · 0 评论 -
不使用npm安装,而是引入本地资源使用elementUI
// 不使用npm安装,而是引入本地的assets中的elementUI资源import '@/assets/elementui/index.css'//引入js文件必须使用一个变量elementUI去接收import elementUI from '@/assets/elementui/index.js'vue.use(elementUI);引入成功后就可以在vue页面中正常使用了,如果在index.html中引入了elementUI的js以及css文件之后可以在html页面使用...原创 2020-11-03 14:24:21 · 2465 阅读 · 0 评论 -
vue项目中遇到的棘手的问题(包含IE浏览器的兼容器问题)
一、由于懒加载,使用elementUI里面的dialog的时候dialog还未被渲染成DOM元素,调用清空表单验证的方法会报错this.$refs[formName].resetFields();解决方案:①在open事件回调中进行;②使用slot=‘footer’,dialog的内容是懒加载,但是footer是实时渲染的;③不推荐,可以使用延时器二、IE家族不支持Promise对象解决方案:安装: cnpm install es6-promise在 main.js 引入 : polyfill r原创 2020-08-27 15:03:35 · 609 阅读 · 0 评论