logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue中style下scope的使用和坑,修改不了ElementUI组件样式

在vue组件中,为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped属性以表示它的只属于当下的模块,这是一个非常好的举措,但是为什么要慎用呢?因为在我们需要修改公共组件(三方库或者项目定制的组件)的样式的时候,scoped往往会造成更多的困难,需要增加额外的复杂度。scoped实现私有化样式的原理为什么会说,会增加复杂度?那么我们先从的实现模块的原理说起。为了方..

前端vue项目设置代理服务器解决跨域和利用Mock.js模拟接口

前端开发环境中暂时自我解决跨域问题方案1:要求后端在测试服务器环境开启允许跨域方案2:不需要后端处理,前端在开发者模式下,用代理解决跨域(一般正式部署上线都是由后端进行跨域的响应头的端对端的允许,不会在前端增加一层代理)例子:利用vue脚手架服务器进行代理访问 /api 的请求步骤:1.创建vue.config.js文件2.文件内容如下module.exports = {devServer: {p

draggable 为 false 时,在鼠标选中内容之后,还是可以拖动的,触发ondrop事件

问题设置draggable 为 false 时,在鼠标选中内容之后,还是可以拖动的,并触发ondrop事件以下是菜鸟教程中的例子(点击打开),遇到的问题就是改写中的这个样子将draggable 设置为false,ondragstart事件处理函数中,存入的值不依赖ondragstart事件对象event中的某个值时,用鼠标选中内容之后进行拖动(谷歌浏览器),依然是可以触发ondrop事件进行处理的

#css#javascript#html
antd中表单输入自定义校验明明输入了内容还是提示为空请输入

情况说明:今天接手一位同事写的代码来修改,项目用的vue+ant。在修改密码功能上,发现在新密码输入框校验中,我明明输入了内容(没有符合自定义校验规则的内容),但还是校验提示请输入新密码。但是我按照密码校验规则输入内容,就可以正常通过。想了想好像是在提示语上出现了问题,对比了官网的例子和代码发现,这里即写了自定义校验,又写了message。原因:自定义校验中写了message,就会优先用messa

Vue报错Error in mounted hook: “far <= 0“

经过排查,发现原因是组件里面 有标签的ID值重复了比如 A组件引入使用B组件,B组件又引入使用C组件,而A组件里面有个 div 标签的 id 是 map ,而C组件里面也有一个 div 标签的 id 是 map 。就会出现这个错误。...

VitePress初始运行报错Package subpath ‘./dist/vue.runtime.esm-bundler.js‘ is not defined by “exports“ in..

VitePress(0.20.0)按照VitePress文档初始化项目后,运行docs:dev脚本报错,错误如下Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath ‘./dist/vue.runtime.esm-bundler.js’ is not defined by “exports” in F:\work\workPlace\temp

#vue.js#前端
Vue文件报错vue.runtime.esm.js?2b0e:619和1888 Error: [ElementForm]unpected width两个错误

今天在测试之前写的页面的时候,发现在切换页面的时候报了下面这两个错误。vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in beforeDestroy hook: "Error: [ElementForm]unpected width " 和 vue.runtime.esm.js?2b0e:1888 Error: [ElementForm]unpect.

Vue报错Error in mounted hook: “far <= 0“

经过排查,发现原因是组件里面 有标签的ID值重复了比如 A组件引入使用B组件,B组件又引入使用C组件,而A组件里面有个 div 标签的 id 是 map ,而C组件里面也有一个 div 标签的 id 是 map 。就会出现这个错误。...

vite搭建vue3的项目中,ReferenceError: Buffer is not defined

问题:下载文件,后端返回buffer,前端下载;浏览器报ReferenceError: Buffer is not defined原因:在页面中使用了Buffer,但是浏览器中JS没有Buffer对象,它是存在Node中。解决:将Buffer对象改用ArrayBuffer对象,ArrayBuffer对象是 ES6 才写入标准的。浏览器原生提供ArrayBuffer()构造函数,用来生成实例。它接受

#javascript#vue.js#前端
    共 17 条
  • 1
  • 2
  • 请选择