vue
大表哥6
这个作者很懒,什么都没留下…
展开
-
layout布局导航菜单
import Vue from 'vue' import Router from 'vue-router' import Layout from '@/layout' Vue.use(Router) export default new Router({ routes: [ { path: '/', component: Layout, redirect: '/test', children: [ { path.原创 2022-02-12 22:26:17 · 884 阅读 · 0 评论 -
Dom操作延迟问题
//这个循环会导致第一句dom操作延迟1s2s this.draws=false; //显示一个div for(var i=0;i<9999;i++){ console.log("2") } //解决方法 this.draws=false; //显示一个div setTimeout(function(){ for(var i=0;i<9999;i++){ console.log("2") } },100) promise不好使 ...原创 2020-07-05 16:59:02 · 409 阅读 · 0 评论 -
vue项目兼容IE 和写法上要注意的几点
先安装 npm install babel-polyfill --save-dev 然后在main.js import引入 还是报错vuex requires a Promise polyfill in this browser 然后用下面的方法修改webpack.base.config.js 1. this.$refs.model.style="dis...原创 2019-11-21 15:55:56 · 628 阅读 · 0 评论 -
vue 引入公共css问题
1. <style lang='scss' scoped> @import url("../css/indextop.css"); #index{ background: #1D2437; margin:25px; color:#ffffff; } <style lang='scss' scoped> @import url("../../css/inde...原创 2019-11-05 19:51:04 · 205 阅读 · 0 评论 -
VUE打包问题
如果不修改配置打包后出现白屏资源路径错误 1.修改config下的index.js assetsPublicPath: '/',改为assetsPublicPath: './', 前面加个点 2.有的图片被压缩成based64有的没有压缩导致没被压缩的图片路径错误, 修改build下的utils.js t添加publicPath:"../../" 修改前 ...原创 2019-10-11 15:30:10 · 240 阅读 · 0 评论 -
自己记录
static里可以放配置文件,index里引用,不会被打包压缩,打包后更改方便。 2.路由函数的用法和 methods同级 如下:如下放在一级路由页面里 . 一进入执行2 beforeRouteEnter from是之前的/ --------------------to是当前页面 {name: null, meta: {…}, path: "/", hash: "",...原创 2019-04-09 18:03:20 · 248 阅读 · 0 评论 -
使用vue-cli创建项目
选择项目所在的位置,通过命令行进入该目录(或者直接在该目录,右键,打开命令行)。 使用脚手架安装项目: vue init webpack demo 项目是基于webpack的 Project name(工程名):回车 Project description(工程介绍):回车 Author:作者名 Vue build(是否安装编译器):回车 Install vue-router(是否安装...原创 2019-02-18 15:47:59 · 130 阅读 · 0 评论 -
把自己的本地项目上传到github
把自己的本地项目上传到github 1.git init 在项目根目录下通过命令git init把这个文件夹变成Git可管理的仓库,执行这个命令后项目里会多出个.git 的文件夹 2.git add . 然后通过git add把项目添加到仓库(或git add .把该目录下的所有文件添加到仓库,注意点是用空格隔开的)。在这个过程中你其实可以一直使用git status来查看你当前的状态。 3.gi...原创 2018-12-25 15:11:14 · 163 阅读 · 0 评论 -
VUEX学习笔记
1.创建一个js文件 ,可以全局注册也可以在单个组件引用,我这里创建vuex文件夹,创建store.js,我没有全局注册 单个组件引用import store from '../store/index.js' store.state.playing=true;,只能这样简单粗暴的修改或展示 store.commit('isrotate'); 全局引用 imp...原创 2018-12-21 11:01:49 · 181 阅读 · 0 评论 -
Vue实现checkbox的全选和取消全选
html 关键:复选按钮绑定同一个v-mode数组变量,数组里面有相应的value就被选中,选择就自动把:value="item.id"值添加到数组,取消就自动删除这个值。 <div> <!--给全选按钮绑定v-mode变量,值为true时就是选中状态,绑定点击事件,执行全选和反选操作--> <input type='ch...原创 2018-12-13 11:16:59 · 5392 阅读 · 0 评论