vue子组件不能通过refs获取不到DOM

vue提供一个对象$refs可以获取DOM,一般在加载组件时候就需要获取DOM,此时可以在created/mounted钩子函数中this.$refs.xxx。注意,切记,this.$refs.xxx一定要放到this.$nextTick的方法内执行,或者在setTimeout中执行,延迟时间一般20ms就可以啦那么问题来了,为什么在组件的子组件内的created/mounted中添加this.$

- 阅读全文 -

elementui el-form组件resetFields方案无法重置问题

在使用elementui时,出现了一个搜索表单,点重置时无效果el-form无法重置表单项的原因有以下四点:el-form-item的prop属性缺失或属性值 不等于 字段名称表单项本身就有默认值表单数据绑定时未使用$nextTick函数(resetFields 重置到挂载前的数据)未显示的表单项无法重置

- 阅读全文 -

针对Vue相同路由不同参数的不刷新问题的解决方案

概要在我们使用vue和vue-router开发spa应用时,我们会遇到这样问题:跳转同一个页面只是参数不一样,但是此时页面不刷新,vue会认为这是同一个页面,所以不刷新。 但是现实中却有这样需求。当页面跳转时,组件本身并没有发生改变:// 路由映射关系'/form/:type' // 当前页面路由/form/shop1 this.$router.push({ name: 'form', param

- 阅读全文 -

uni-app vue-cli项目 uView安装及配置

一、说明uView安装有下载安装和npm安装两种方式,使用的是npm安装。二、步骤1、安装SCSSuView依赖SCSS,您必须要安装此插件,否则无法正常运行。// 安装node-sassnpm i node-sass -D// 安装sass-loadernpm i sass-loader -D2、对uView进行npm安装// 安装npm install uview-ui3、引入uView主JS

- 阅读全文 -

使用vue-cli项目,报错 ERROR command failed: yarn

创建vue项目 报错:ERROR command failed: yarn解决方法一:Win+R 输入cmd进入到命令行界面输入命令 npm install -g yarn成功后重新创建vue-cli4项目便可以解决了。解决方法二:进入到Windows环境中C:/users/administrator/下有一个文件 .vuerc打开此文件,显示 { "useTao

- 阅读全文 -

使用vuecli创建 uniapp项目 Failed fetching remote preset dcloudio/uni-preset-vue:

利用github下载:https://github.com/dcloudio/uni-preset-vue解压好文件,一般下载好的项目都会有两层文件夹,删掉第一层文件夹执行命令(原理就是直接使用本地的项目模板,正常情况下是拉去线上模板) // 现在需要执行的命令 vue create -p 你下载好文件的路径 myproject // 我的命令示例 vue creat

- 阅读全文 -

WIN10系统重装后git远程不上仓库(密码错误)

问题描述:1.WIN10系统重装后原来的项目GIT需要重新配置SSH-KEY。 2.本地生成Git SSH Key(自行生成),生成成功后在C:\Users\你的用户名\.ssh目录下有两个文件id_rsa,id_rsa.pub,将id_rsa.pub文件用记事本打开,全部复制 3. 登陆gitlab网站,Profile Settings-》Add an SSH key,将复制的内容粘贴进去。保

- 阅读全文 -

element ui tree回显不成功问题 setCheckedNodes,setCheckedKeys,setChecked等函数报undefined问题

在使用element ui做项目的时候,需要用到tree组件进行回显来进行权限控制:在回显过程中使用回显函数setCheckedNodes,setCheckedKeys,setChecked等函数会报报undefined,这时只需要给该函数包裹一层nextTick方法就行了, permissArr.forEach((v) => { this.$nextTick(() =&g

- 阅读全文 -

Vue-Element-Admin 4.2.x 模拟 Mock 改为真实 API

Vue-Element-Admin 如何取消模拟 Mock 的数据,改为真实 API 的后台接口调用?网上很多教程是低版本,已无法使用。经多方尝试,2步即可,以下方式可用,版本为 4.2.1-i18n,修改方式适用与本地开发环境的跨域,线上环境跨域可使用 Nginx 反向代理进行跨域。第一步,修改根目录下的 .env.development:此文件为开发环境配置文件,这里修改为空是重点,否则无法跨

- 阅读全文 -

推荐资源

最新文章

最近回复

  • SJAY1: 占个坑
  • SJAY: 经过排查,应该是sass-loader的版本过高问题。在pack...
  • 达吾提江: 帮我用户快速关注你的微信公众账号的代码 遍一下吗?
  • : 不是所有的都能用呀

分类

标签

归档

链接

  • 暂无链接

其它