94% asset optimization ERROR Failed to compile with 1 errors This relative module was not found: * ../node_modulesivans/bootstrap/dist/js/bootstrap.min.js in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=…

选中radio或者checkbox需要注意的是: 不管<input type='radio checked='true''>  你的checked属性值是true或者false,他都会选中. 选中不选中,不是看checked的属性值,而是看有没有checked这个属性,所以,动态选中,不用v-model,也不用checked='true',只需要判断渲染checked这个属性就好了. 不多说了,直接上代码 <div v-for="(item,index) in product_…

路由文件 { path: '/productListBase', name: 'productListLink', component: ProductListBase, redirect: '/productList', children: [ { path: '/productList', components: { default: Banner, product_list: ProductList } } ] }, 这个是中间文件(也就是父级) <template> <div c…

import merge from 'webpack-merge': // 修改原有参数 this.$router.push({ query:merge(this.$route.query,{'maxPrice':'630'}) }) // 新增一个参数: this.$router.push({ query:merge(this.$route.query,{'addParams':'我是新增的一个参数,哈哈哈哈'}) }) // 替换所有参数: this.$router.push({ query…

1. 在main.js入口文件中写入 //路由跳转后,页面回到顶部 router.afterEach(() => { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } 位置如下: 2. 还可以在实例router对象的时候设置 export default new Router({ mode: 'hash', // base: '/dist/', scrollBehavior: () => ({ y: 0…

1. 安装jquery npm install jquery --save-dev 2.在build/webpack.base.conf.js中添加如下内容 var webpack = require('webpack') plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ], 位置如下: 3.在src/main.js文件中 引入jquery import $ from '…

1.安装路由(安装过的跳过此步) // 进入项目根目录 cd frontend // 安装 npm install vue-router --save-dev 2.在入口文件main.js中引入路由 import VueRouter from 'vue-router' 3.在main.js中使用(全局) Vue.use(VueRouter) 4.设置路由 在main.js中引入组件 import Home from './components/home/Home' import Footer f…

运行vue项目出现这样的报错. This relative module was not found: * ../../assets/img/spot.png !./src/components/online 可能是online.vue中引入spot.png出现问题,路径错误或者文件不存在,类似问题也是如此…

在使用vue.js的日期选择插件 的时候,报错如下 This relative module was not found: * ../calendar.vue in ./node_modules/babel-loader/lib!./node_modules/vux-loader/src/script-loader.js!./node_modules/vux-loader/src/script-loader.js!./node_modules/vue-loader/lib/selector.js…

使用场景: 页面分为header.home.footer三部分,需要在home中调用header中的方法,这两个没有相互引入 官方给出方法: api传送门 在项目中实现: 1.首先同一个vue实例来调用两个方法.所以可以建立一个中转站. 建立 util.js 中转站文件(任意位置,我是在/assets/js/util.js) import Vue from 'vue' export default new Vue 2.分别在两个页面引入该文件(注意路径) import Utils from '.…