
Vue
南独酌酒nvn
这个作者很懒,什么都没留下…
展开
-
Vue 解决跨域问题
Vue 解决跨域问题通常在不同服务器访问过程中可能会遇到跨域问题,也就是口头上常说的策略同源问题 CORS出现跨越一般就是判断三个地方,http协议,请求地址,端口号,三者若有一处不相同,那么就会出现跨域,解决这个问题就要配置一个代理服务器,通过代理服务器实现跨域请求解决跨域的情况一般就是如下图:Vue 中配置跨域的配置在 vue.config.js 文件中添加:配置一个的写法module.exports = { devServer: { proxy: 'http://localh原创 2022-02-21 10:47:46 · 4301 阅读 · 0 评论 -
vue 项目中使用原生 input type=“file“上传图片,限制上传大小,限制上传类型
页面上的样式<input type="file" accept="image/*" @change="changefile">实现 changefile 方法/* 上传图片操作 */changefile(event) { /* 获取到你选择的文件 */ let file = event.target.files[0]; /* 限制文件上传类型 */ let suffixName = file.name.substring(file.name.lastIndex.原创 2020-11-07 11:28:08 · 3972 阅读 · 4 评论 -
前端通过 v-html 或 js 都可以替换富文本中的标签
我们平常开发都有遇到这富文本这样的需求。正常来说,后台使用富文本编辑一些文章,然后存储到数据后这些数据会携带一些 html 标签,例如:<p>标题测试1</p><p></p><h1>哈哈哈哈,测试进行中</h1>但是我们前端获取到这些字段去页面上展示,总不能把这些标签也展示到页面上把,我们应该怎么做呢?解决这个问题有两种方法:通过 Vue 中的 v-html 方案解决这个富文本标签的问题!vue中v-html 标签,用原创 2020-11-07 11:14:08 · 3314 阅读 · 0 评论 -
Vue 中的父子组件传值
文章目录父组件向子组件传值父组件向子组件传值原创 2020-09-29 22:24:36 · 572 阅读 · 0 评论 -
vue 项目修改 title 旁边的 icon 图片
找到 public 文件夹下,修改 index.html 页面<link rel="icon" type="image/x-icon" href="static/logo.png">将你要修改的 logo 图片放在 static 文件夹下(浏览器这里并不认识 src 文件夹),所以放在 statis 文件夹下才能正确找到图片做替换操作。...原创 2020-08-19 17:29:45 · 3191 阅读 · 0 评论 -
Vue 路由跳转至外界页面
用法如果使用路由是在 vue 页面中来回跳转,可以使用 this.$router.push() 实现,但是如果想用这种方法跳转到外部链接就会报错,因为外部页面中是存在 HTTP 等前缀的。解决办法:1. 在 data 中定义好要跳转的外部链接data() { return { url: 'http://www.baidu.com' }}2. 按钮中创建单击事件<button @click='routeClick(url)'></button>3. 函数实现原创 2020-09-17 17:42:56 · 6184 阅读 · 4 评论