随笔分类 - vuejs
摘要：html <van-pull-refresh v-model="onRefreshLoading" success-text="刷新成功" @refresh="onRefresh" > <van-list v-model="loading" :finished="finished" @load="o
阅读全文
摘要：npm install @mapbox/node-pre-gyp -gnpm install @mapbox/node-pre-gyp --save dev如果还报错，用管理员身份打开PowerShll 执行以上命令，然后npm install
阅读全文
摘要：VueX 是一个专门为 Vue.js 应用设计的状态管理构架，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。 Vuex有五个核心概念： state, getters, mutations, actions, modules。 1. state：vuex的
阅读全文
摘要：在使用webpack4初始化项目，基础配置完之后出现的一个问题。如下图img属性src="[object Module]"，引入图片的方式为配置的图片loader试了两种都不行：file-loader、url-loader配置如下 解决办法一 在option里面加入 esModule: false
阅读全文
摘要：基本功考察 一.关于Html 1、html语义化标签的理解、结构化的理解；能否写出简洁的html结构；SEO优化。 根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于维护代码的同时让浏览器的爬虫和机器很好地解析。 2、h5中新增的属性，如自定义属性data、类名className等；新
阅读全文
摘要：引入Swiper import Swiper from "swiper"; html <div class="swiper-container gallery-top"> <div class="swiper-wrapper"> <div class="swiper-slide">2222</div
阅读全文
摘要：项目的入口文件index.html直接在服务器访问地址的根目录下，即项目独占一个端口 vue中配置保持不变 nginx中配置如下： server { listen 8899; server_name localhost; location / { try_files $uri $uri/ /inde
阅读全文
摘要：关于Html 1. html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 2. h5中新增的属性; 如自定义属性data, 类名className等, 新增表单元素, 拖拽Drag 3. h5中新增的API, 修改的API, 废弃的API 稍作了解 (离线存储, au
阅读全文
摘要：打包之前需要修改如下配置文件： 配置文件一：build>>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件（图片路径失效）的问题) 配置文件二：config>>>index.js(修改assetsPublicPath:'./' ,修改目的是为了解
阅读全文
摘要：vue项目中会遇到上传文件的需求，jquery会有一些插件很方便，如果不使用插件网上的方法没有太容易的而且很多是原生JS或者基于jQuery操作dom结构的。那么在vue项目中如何实现呢，还有如何模拟表单文件提交呢？ 这里文件上传文件框的样式美化就不过多赘述了，有很多例子。只介绍一下功能的实现以及注
阅读全文
摘要：export default { methods:{ //选择文件 uploadBefore(){ var formData = new FormData() // 声明一个FormData对象 this.formData = new window.FormData() // vue 中使用 window.Form...
阅读全文
摘要：songList: [], //歌单列表 totalPage: "", total: "", songList: [], //歌单列表 totalPage: "", total: "",
阅读全文
摘要：1、创建一个基于 webpack 模板的新项目 $ vue init webpack myvue2、在当前目录下，安装依赖 $ cd myvue$ npm install3、安装sass的依赖包 npm install --save-dev sass-loader//sass-loader依赖于no
阅读全文
摘要：下载：npm install crypto-js --save 需要定义两个方法 ，分别是用于加密和解密，这里我将它放在了 utils 文件夹下，命名为 secret.js ，其具体代码如下： 解密方法Decrypt 和 加密方法 Encrypt ，最后通过 export default 将其暴露出
阅读全文
摘要：首先需要在任意地方添加一个bus.js； 在bus.js里面 写入下面信息 在需要通信的组件都引入Bus.js 如果你的bus.js是自定义一个bus的文件那from后面就改成你的所放的位置 接下来就是要组件通信了 添加一个 触发 #emit的事件按钮 打开要和$emit通信的另外一个组件 在钩子函
阅读全文
摘要：数组数据变动：我们使用某些方法操作数组，变动数据时，有些方法无法被vue监测，有些可以 Vue包装了数个数组操作函数，使用这些方法操作的数组去，其数据变动时会被vue监测： push() pop() shift() unshift() splice() sort() reverse() vue2.0
阅读全文
摘要：一、路径问题 1、脚手架+webpack打包通过npm run build，但是后台tomcat部署上线的时候，会衍生出一些问题，比如，路径问题（因为在项目中，我们使用了绝对路径，这里必须要使用相对路径，但是打包后还是会报错，说是找不到assets文件夹下的各种资源，包括images,css,js,
阅读全文
摘要：vue本地项目静态资源管理 统一放在src/static里面css,images,js index.html里面使用重置样式 <link rel="stylesheet" href="static/css/reset.css"> 组件里面使用图片 <div><img src="/static/img
阅读全文
摘要：html: //全选按钮 <li class="choice_fme"> <div @click="checkAll" v-bind:class='[!isCheckAll ? "not_pitch_on" : "pitch_on"]'></div> </li> //列表 <ul class="ms
阅读全文
摘要：传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vue router 是如何进行传参的，以及一些小细节问题。有需要的朋友可以做一下参考，希望可以帮到大家。 Vue router如何传参 params、query是什么？ params：/router1/:id ，/
阅读全文
浙公网安备 33010602011771号