报错信息：You are binding v-model directly to a v-for iteration alias. This will not be able to modify the v-for source array because writing to the alias is like modifying a function local variable.// 错误.

一、vue 路由跳转方式1、声明式跳转（标签跳转）:router-link api:// 1.to { string | Location } 表示目标路由的链接。当被点击后，内部会立刻把 to 的值传到 router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。<!-- 字符串 --><router-link to="or

js-xlsx是一个简单的JavaScript插件，能够读取和写入Excel表格，功能强大，但是上手难度稍大，这里列举一些常用的用法，具体用法请参考 js-xlsx。安装 js-xlsx：npm install js-xlsx --save一、导入Excel在 main.js 添加以下代码：import XLSX from 'xlsx';let reader = new File...

问题描述：使用 vue-cli 打包项目后，尝试使用打开 dist 目录下的 index.html，页面空白。解决办法：打开 config 文件夹里的 index.js，修改 build 里 assetsPublicPath: ‘/’，为 assetsPublicPath: ‘./’，再次执行 npm run build 能够正确显示。代码如下：build: {index: path.r...

一、router-link 标签实现新窗口打开：<router-link> 不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用<a>标签<router-link tag="a" target="_blank" :to="{name:'chatOnline',params:{id:1}}">在线沟通</router-link...

问题描述：开发移动端项目时可能需要在手机上调试或者查看页面解决方案：windows电脑打开终端输入 ipconfig 可以查看电脑的IP地址；mac电脑打开终端输入 ifconfig 可以查看电脑ip；但是每天 ip 发生变化这样就很麻烦，每天都需要重新获取，所以提供以下解决方案来获取 电脑 ip，借助 node 里的 os 模块；在 config 文件里的 index.js 里面加上...

第一步：安装 generate-asset-webpack-plugin 插件：npm install --save-dev generate-asset-webpack-plugin第二步：配置 webpack.prod.conf.js 文件：// 让打包的时候输出可配置的文件let GenerateAssetPlugin = require('generate-asset-webp...

在实际开发过程中使用 computed 有时候需要动态传入参数，例如使用 v-for 进行列表渲染时：// 计算属性传参，方法里写成 return function (params1, params2) {} 形式（可以传入多个参数，也可以使用 es6 箭头函数）calculateList() {return (params1, params2) =&gt; {return para...

在使用 vs code 编辑器里是 eslint 插件时一直有以下报错：大致的意思就是不建议 v-if 和 v-for 一起使用，后来去官网查了一下也是这样建议的。vue 官网：https://cn.vuejs.org/v2/guide/conditional.html#v-if-与-v-for-一起使用根据 eslint 指出的方法进行改进：第一种：将 v-if 和 v-for 分别放...

1、router.push()：导航到不同的 url，向 history 栈添加一个新的记录。（=== window.history.pushState）声明式编程式<router-link :to="">router.push()// 字符串router.push('home')// 对象router.push({ path: 'home' })...