Vue
大炮走火
只是过客
展开
-
axios请求接口,请求了两次的解决方案
设置axios的请求头的"Content-Type"为"application/x-www-form-urlencoded;charset=UTF-8"这里只讲述解决办法,至于为啥多出了个options请求,有兴趣的自行百度了解。大家是否遇到过这种情况,使用axios请求一个接口时,请求了两次。分别 了options请求及我们期待的post请求。请求参数的载体使用URLSearchParams。OK~,仅需两个步骤即可优化两次的请求。原创 2022-10-19 15:43:07 · 3157 阅读 · 0 评论 -
vue中渲染html网页
有的时候我们想在vue中直接显示一个html的网页,如果用富文本方式,那么内容就会太多,那么怎么处理呢?直接上代码步骤一:新建一个vue文件,命名为"HtmlPanel.vue",内容如下步骤二使用上述的vue组件在你的vue页面中添加如下代码OK!就2个步骤,有帮助的话,麻烦点个赞。此外如果遇到跨域,那么请到以下这篇文章https://blog.csdn.net/u010775335/article/details/110857411HtmlPanel.vue中使用到的this.$http原创 2022-06-10 17:54:20 · 10520 阅读 · 0 评论 -
node-sass安装失败
解决办法将Node版本降级依次执行sudo npm install n -g sudo n 11.1.0 删除项目中的node_modules(如有)删除项目中的package-lock.json(如有)sudo npm install --unsafe-perm原创 2022-03-16 11:08:46 · 837 阅读 · 0 评论 -
android ios webview,本地加载vue打包好的项目
步骤一:将路由模式改为hash步骤二:打开project_root/config/index.js修改如下内容...省略module.exports = { build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'),原创 2021-12-11 11:16:42 · 6392 阅读 · 1 评论 -
h5游戏使用微信h5支付,刷新页面问题解决
H5应用调用微信h5支付,被刷新页面原创 2021-12-09 16:37:02 · 1518 阅读 · 2 评论 -
Vue,vue-cli,父子组件间相互通信
直接上代码!首先定义一个子组件:可以看到,子组件非常简单,就只有一个方法"foo(p1,p2)"<template> <div class="app-container">I am child</div></template><script>export default { method: { foo(data, callback) { alert("传递数据给子组件:" + data); ca原创 2021-12-07 16:07:27 · 304 阅读 · 0 评论 -
CSS修改三方框架样式
通过F12找到元素class或id,比如需要修改的class为".ant-text"然后::v-deep .ant-text { font-weight: 600 !important;}原创 2021-05-25 18:38:41 · 536 阅读 · 0 评论 -
vue-amap加载不出来,报错TypeError,解决办法
路由设置中,不要用懒加载由原来的 component: () => import("../components/home/photo/index.vue")改为import Home from "../components/home/index.vue"component: Home // Home页面中含有amap原创 2021-03-24 00:58:41 · 1362 阅读 · 0 评论 -
Vue watch监听路由不生效,没反应
直接上代码: watch: { $route: { immediate: true, // 一旦监听到路由的变化立即执行 handler(to, from) { console.log("监听路由:" + JSON.stringify(to.name)); }, }, }这样监听路由就能解决问题!...原创 2021-02-05 10:29:27 · 4612 阅读 · 1 评论 -
vue2.x 播放rtmp,hls,m3u8直播流教程,亲测可用
网上教程挺多,但实际用起来会各种报错大部分原因是依赖的包的版本问题,因此我这里附上亲测可用的版本;跟着步骤一步一来就行了!step1:在package.json文件下添加所有关于直播的依赖包,然后删除node_modules,在执行npm install "dependencies": { ... "vue": "^2.5.2", "video.js": "^5.19.1 || ^6.2.0", "videojs-contrib-media-sources"原创 2021-01-25 17:56:48 · 3399 阅读 · 5 评论 -
vue直播rtmp流
安装:npm install --save vue-video-playernpm install --save videojs-flashnpm install --save video.js//注意,如果使用cnpm的话,可能会导致找不到某个js文件的错误<template> <section class="video-box"> <videoPlayer ref="videoPlayer" :options="videoOp转载 2021-01-21 10:49:17 · 932 阅读 · 2 评论 -
纯前端,vue利用axios解决跨域问题
步骤一:在main.js中添加如下代码:...省略import axios from 'axios'Vue.prototype.$axios = axiosaxios.defaults.baseURL = '/api' //关键代码,配置数据所在服务器的前缀...省略步骤二:在文件"项目根目录/config/index.js"中,添加如下代码:...module.exports = { dev: {... proxyTable: { '/api': {转载 2020-12-08 10:56:40 · 1519 阅读 · 0 评论 -
Vue Cli新建项目,常用命令集合
vue init webpack my-projectyarnnpm install -g yarn(先删除node_modules和package.lock.js)npm init ---- yarn initnpm install ---- yarn npm install xxx@1.1.1 -g原创 2020-11-26 11:30:05 · 253 阅读 · 0 评论 -
Vue,更改数组的值,但页面不刷新的解决方法
Vue,更改数组的值,但页面不刷新的解决方法直接上代码:this.$set(this.dataList,index,value);说明:1.this.dataList,数组2.index,数组下标3.需要修改的值例子:var list = [{name:"小米"},{name:“华为”}];this.$set(list,0,{name:"vivo"});那么list会放生改变,且对应的组件也会被刷新...原创 2020-10-26 09:50:48 · 3142 阅读 · 0 评论