Vue
左一yi
这个作者很懒,什么都没留下…
展开
-
vue src动态加载不出来
动态设置img的src属性无效,而直接写可以解决办法: imgSrc写成require('path');v-bind:src="require('../static/images/icon/home-on.png')"原因:动态添加src被当做静态资源处理了,没有进行编译npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND解决办法: 进入:...原创 2018-05-25 16:51:57 · 5061 阅读 · 0 评论 -
vue报错
1.报错:Duplicate keys detected: 'undefined_0'. This may cause an update error.解决:同级循环得数组值,:key值要不用比如v-for="(item , index ) in tabData" :key="index + '_topic'"v-for="(item, index) in tabDa...原创 2019-07-22 18:10:46 · 702 阅读 · 0 评论 -
vue和微信小程序写法得区别
小程序里form收集id,用作于小程序Api得服务通知,<form report-submit="true" bindsubmit="submitFormId"></form>img标签得渲染wx-mp:<image class="i-img" mode="aspectFill" src="{{item.clubCover}}"></ima...原创 2019-07-08 10:49:03 · 686 阅读 · 0 评论 -
vue-cli项目使用微信分享
本次使用了axios进行了请求,使用时先安装一、先在index.html下接入微信jsdk<script src="//res.wx.qq.com/open/js/jweixin-1.2.1.js"></script>二、创建分享的共用wxshare.js文件import axios from 'axios'export default {...原创 2019-03-19 11:51:06 · 1161 阅读 · 1 评论 -
vue中使用第三方UI库的移动端rem适配方案
vue中使用第三方UI库的移动端rem适配方案需求:使用vue-cli脚手架搭建项目,并且使用第三方的UI库(比如vant,mint ui)的时候,因为第三方库用的都是用px单位,无法使用rem适配不同设备的屏幕。解决办法:使用px2rem-loader插件将第三方ui库的px转换成rem单位。(1) npm install px2rem-loader --save-dev 安装插件...转载 2019-02-15 17:50:50 · 912 阅读 · 1 评论 -
vue-cli基础安装配置
##webpack初始化配置第一步:npm install 安装npm依赖npm install axios 安装axios依赖cnpm install jquery --save-dev 安装jq依赖npm install vuex --save 安装axios状态管理依赖npm install css-loader style-loader --save-dev 安装css依...原创 2019-02-15 16:11:27 · 148 阅读 · 0 评论 -
vue-cli里取消严格模式
原创 2018-11-29 11:32:20 · 3063 阅读 · 0 评论 -
vue中的ajax,axios使用
main.js里npm install axiosimport axios from 'axios'axios.defaults.baseURL = ''Vue.prototype.$axios = axios组件vue里let params = new URLSearchParams();params.append('project_num', '201811...原创 2018-05-30 18:08:22 · 1471 阅读 · 0 评论 -
webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用
资源相对引用路径问题描述一般情况下,通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的。但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径,那么要解决这种问题,就得引用相对路径。解决办法打开webpack.prod.conf.js找到output:增加 publicPath: './', 即...转载 2018-05-28 00:34:49 · 407 阅读 · 0 评论 -
vue+vux 父组件控制子组件弹层
知识点用到了vue父子组件之间的传值,以及使用watch和v-model控制vux中XDialog组件。需要注意的问题:1.父组件向子组件传值使用的是props(单向传值),子组件创建props,然后创建一个名为invitor的属性,父组件对其赋值即可,但是单向传值,子组件不能通过改变props的属性,直接去改变父组件的值。2.子组件向父组件传值,实际是在父组件自定义了一个事件,子组件去调用这个自...转载 2018-05-26 17:05:51 · 2261 阅读 · 1 评论 -
vuex使用时常碰到得问题
vuex使用getters传参返回值时,vuex 的 getter 接受 state 作为参数,此外还接受 getters 作为第二个参数,可以用getters.xxx 来传递其他 getters 中的数据。原创 2019-07-27 12:49:04 · 347 阅读 · 0 评论