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…

使用场景: 页面分为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 '.…

场景:要实现一个标签云,通过循环把标签渲染,然后单击标签的时候实现跳转,跳转路由一样,通过唯一参数来实现请求不同的数据 因此,就需要在for循环中来携带参数,本节所讲的是路由使用对象的形式(别名)来实现的 <router-link :to="{name:'blogDetailsLink'} ></router-link > 如果你也是这种情况,那你就可以继续往下看了 1.在home.vue中代码实现携带参数 <li v-for="item in laber…

vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载. 如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面. const router = new VueRouter({ mode: 'history', routes: [...] }) 当你使用 history 模式时,URL 就像正常…