qq_25186543的博客

1、使用工具wp2vite ,全局安装npm install -g wp2vite2、进入项目目录执行wp2vite执行以后会帮你改掉一部分东西3、下载配置npm install4、启动项目npm run dev不出意外，肯定会一大堆报错1、组件导入路径无法识别 @ 别名转换后的 vite.config.js 是这样的， 发现我在alias 对象里怎么改 @ 的值都没用解决：直接去掉这个 alias 对象，写单个 @ 别名，竟然好了。。。。也...

建立一个 router.js  文件引入import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../components/home/home.vue'然后注册Vue.use(VueRouter);const router = new VueRouter({ mode : 'history', b...

安装NPMnpm install --save vue-picture-preview使用首先在项目的入口文件中引入, 调用 Vue.use 安装。import vuePicturePreview from 'vue-picture-preview'Vue.use(vuePicturePreview)在根组件添加 lg-preview 组件的位置<!-- Vue root compomen...

1、真实效果是这样的2、实现 的思路，一开始想用背景图片来解决，但发现设计图上的东西也是切图粘上去的，背景图没法搞，那就用 css 来实现吧    1、确定圆，把每个点做成一个元素，用定位的方法定点。    2、每一个图标是找来的水滴状的字体图标，然后把它们的尖角对上圆心就可以了3、开始实现    1、如何得到圆上每个点的坐标？    来自 https://www.cnblogs.com/mycl...

解决思路 ：把密码框的  type 先写  'text'  ,，当点击输入框或者聚焦的时候再把 type 变回 password  ，这样浏览器就不会自动填充了<input :type="pass? 'password' : 'text'" @focus="pass = true" class="input" placeholder="请输入您的安全密码" v-model="password...

vue-photo-preview转自  https://npm.taobao.org/package/vue-photo-preview# 安装npm install vue-photo-preview --save# 引入import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'Vue....

1、vuex requires a Promise polyfill in this browser.低版本浏览器不支付 Promise  ..解决：下载 babel-polyfill  ，然后在配置文件里改动一下npm install --save-dev babel-polyfill在  webpack.base.conf.js 里把entry: { app: './src/main....

事件的经过：一开始采取了 vue 、axaio、vue-router 等不打包在一起的方式，，后来发现总项目并不大，就想把它们都打包在一起算了，，，然后问题出来了1、连接进项目的 ,mint 的一些组件找不到import {Toast,Indicator,Loadmore ,Picker} from 'mint-ui';直接调用  toast 和 Indicator 的时候为  undefined...

前两天升级了一个 npm 、 webpack、vue 等等。。。新创建一个vue项目发现报这个错，，，Module build failed: Error: No parser and no file path given, couldn't infer a parser没有解析器，没有文件路径，无法推断，，，，，这他吗的什么鬼。。。。。找了老半天，找到了这位大神的文章终于搞定了https://w...

  1、安装 sass-resources-loader，安装lessnpm install sass-resources-loader --save-dev npm install less less-loader --save 2、添加函数，启动项目找到 build/utils.js 文件，在 exports.cssLoaders 模块中加多一个函数 ...

//停止改变n毫秒后执行 function debounce(method,delay){ var timer=null; return function(){ var context=this, args=arguments; clearTimeout(timer); ...

1、安装项目 vue init webpack test-muse2、下载 muse-uinpm i muse-ui -S3、按需引入，借助 babel-plugin-import     , 还有 less npm i babel-plugin-import less less-loader -D然后，将 .babelrc 的 plugins 里面添加一段 [] 里...

1、下载npm install better-scroll --save2、引入 import BScroll from 'better-scroll'3、使用/* 文档地址 ： https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/ probeTy...

1、把需要缓存的组件 name 写在  include上注：（如果使用动画写两个 transition 的话会出现动画混乱的问题） <transition :name="transition"> <keep-alive include="home,video-list"> ...

1、先在 main.js 里面引入，然后注册进全局（重要，没有在 new 里面引入用 mapGetters 等等，会报错）import store from '@/store/store.js'new Vue({ el: '#app', router, store, components: { App }, template: '<App/...

官方文档   https://developer.qiniu.com/kodo/sdk/1283/javascript#2一开始用了里面的 例子var observable = qiniu.upload(file, key, token, putExtra, config)var subscription = observable.subscribe(observer) // 上传开始// o...

在做 Vue 项目的时候在 普通360浏览器上出现了一个报错   其它浏览器又不会Duplicate data property in object literal not allowed in strict mode 这种错误找起来真他吗的麻烦 , 一般都是在写代码的时候一个不注意多写重复了变量 , 或者模板上一些东西写重复的问题这一次的原因是 我的图片路径  src 多写了一个,如下:  像这...

项目中用的element 的框架，然后在项目有一个添加数据需求是图片可上传，也可不上传，然后问题就是element 中的上传控件在没有图片的时候是不会触发提交的，但接口写的是有file的  multipart/form-data    接收模式所有只能自己另个模仿一个表单上传let param = new FormData(); //创建form对象param.appen

父组件调用子组件的方法在父组件里  先给子组件加上一个ref ，起个名字，&lt;serviceRateAction ref="serviceRate" &gt;&lt;/serviceRateAction&gt;然后根据子组件的名字 serviceRate  直接可以用 this.$refs.serviceRate.parentClick();   可直接调起子组件的 parentClick  ...

准备在另一台电脑上使用  vue项目，在安装配置过程中的报错记录，电脑上已装好 node vue 等待软件 1、把项目拿过来后直接 npm install  在安装过程中报了错，提示什么忘了， 然后发现是  在安装 JSX 的时候报错 ，     解决方法是：把jsx一个个重装一次npm install babel-plugin-syntax-jsx bab

this.$set(data, 'is_data', 'xxx')向数据 data 中新增一个 is_data 参数，值 为 xxx

以下是我用到并改掉的地方1、弹出的模态框设置大小的 size 没了，换成了 width 长度，top 是根据全局来算了（之前我用1.4的时候是从 vive 里开始算）2、图标 icon =""  双引号里的图标要加上 el-icon-  如：之前的是 edit，现在要改成 el-icon-edit3、选择时间组件  el-date-picker  里的 change 方法得

1、安装 node.js 从官网上下载 https://nodejs.org/en/ 装上2、全局安装 webpack npm install webpack -g3、全局安装 vuenpm install vue-cli -g4、进入项目路径，创建项目 ,里面要填写一些基本信息vue init webpack-simple 项目名xxx5、cd 进入项目目录，安装

1、下载 vuexnpm install vuex --save 2、接入 vuex import Vue from 'vue'import App from './App.vue'import Vuex from 'vuex'3、建一个 store.js 文件，开始写 vuex，用到 vuex 的组件都要引入  import store from '....store.js'import

打包优化1、打包 vender 时不打包 vue、vuex、vue-router、axios 等，然后连上自己本地的路径在 build/webpack.base.conf.js 文件里加上 externals ,不需要打包的文件就放写在这里，然后在 index.html 外连上这些库 externals: {//不打包的 'vue': 'Vue', '

总体感知首先贴一张Vue文档给出的生命周期图示，并添加了一些注释;流程:   创建实例 = &gt; 监控数据 =&gt; 初始化内部事件 =&gt; 导入模板 =&gt; 渲染模板 =&gt; mounted = &gt; 实例销毁 Vue2.0的生命周期钩子一共有10个，同样结合官方文档作出了下表生命周期钩子详细beforeCreate在实例初始化之后，数据观测(data observer) ...

1、安装postcss-loadernpm install --save-dev postcss-loader2、然后配置webpack.config.js，特别说明一下 exclude 和 include  ，在网上找的没有这两，然后我在配置完成后，在main.js里 impotr 进来的css 地直找不到，搞了好半天，然后写上这两就可以了，exclude 是接入node_modules里的cs...

this.$router.push({path:'home',name:'主页'params:{id:1}}或者 &lt;router-link :to="{ name: 'user', params: { userId: 123 }}"&gt;User&lt;/router-link&gt;通过push来传参，组件通过 this.$route.params 来获取参数，注意：一定要写 name ...

1、安装 node.js2、全局安装 webpack npm install webpack -g3、安装 vue 脚手架npm install vue-cli -g4、cd 进入文件，创建项目，vue init webpack-simple 一般是创建小型项目，像 postcss 那些都没有，下面这个是中大型项目，一般集成有很多东西vue init webpack xxx(项目名字)然后会...

1、起一个 filters.js 文件，编写过过滤器，然后 export 出去，如以下代码let money = value=&gt;{ return '￥' + value.toFixed(2);}let toFixed = value =&gt;{ if(typeof value == "number"){ return value.toFixed(2); }else{ r...

vue项目，打包后在IE11上运行，报了   strict 模式下不允许一个属性有多个定义   这个错误，但在别的浏览器就没有事，了解后才发生这个一个严格模式下运行了，代码中有一个严格性的错误，但js是压缩过的，然后找了好久才发现问题是我在绑定class的判断写有两个一样的样式  :class="{'change':item.STATUS == 0,'Standby':item.S