随笔分类 - Vue.js
摘要：代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue实例生命周期函数</title> </head> <body> <div id="app"></div> <script> //生命周期函数就是vue实例在某一个
阅读全文
摘要：一、使用Vue3的 路由的改变 yarn add vue-router@next main.js 文件更改 路由文件更改 // src/router/index.js import { createRouter, createWebHashHistory } from 'vue-router' im
阅读全文
摘要：一、Markdown编辑器 第一步： 安装Markdown插件 npm install mavon-editor --save 第二步：调用插件 <template> <div> <mavon-editor></mavon-editor> </div> </template> <script> im
阅读全文
摘要：1、continue for (var i = 0; i < 3; i++){ if(i == 2) continue; console.log(i); } 如图： 2、break for (var i = 0; i < 5; i++){ if(i == 3) break; console.log(
阅读全文
摘要：一、 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { // Promise 是对象 不是函数 // 对象可以保存状态，函数不行 const promise = new Promise((resolve, reject)=>{ // pendi
阅读全文
摘要：一、 报错图例如下：template or render function not defined vue 突然报错了，怎么解决 什么错误呢，就是加载不出来，网上看了一通，是vue版本不对，是vue-compile 包安装的不对。可自我感觉不是这个问题，为什么其他相同的组件就能加载出来。。 突然发现
阅读全文
摘要：一、 <van-uploader :after-read="afterRead"> <img :src="upload1" alt class="id-img id-img-new" data-type="房产证" data-imgtype="1" /> </van-uploader> 对应 aft
阅读全文
摘要：一、 代码 代码如下： btnClick3() { let url = "http://www.fanglianmeng.com/demo.php"; var self = this; /* let data = { encryptedData: this.encryptedData, iv: th
阅读全文
摘要：一、导航 1、使用方式 <template> <div class="main"> <div class="contant"> <router-view /> </div> <div class="footer"> <nav-bar></nav-bar> </div> </div> </templa
阅读全文
摘要：一、axios的请求与取消 欢迎大家去验证：后台加个Thread.sleep(3000);，可以模拟网络延迟 var vm=new Vue({ el:"#div_id", data:{ cancelTag:[], //装所有的想要准备移除的请求，用处：当你离开这个页面时，将取消这个页面发出 的未完成
阅读全文
摘要：一、双列显示 如图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Page Title</title>
阅读全文
摘要：一、上拉刷新和加载 <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Page Title</title> <meta n
阅读全文
摘要：一、固定高度的情况下 如图下： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> #overflowTest { background: #4CAF50
阅读全文
摘要：一、 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h
阅读全文
摘要：gulp4.0 存在的错误信息 The following tasks did not complete: default,Did you forget to signal async completion? 当gulp为如下代码的时候： // 以下代码会执行在node环境下 const gulp
阅读全文
摘要：一、VS code中断点调试Vue CLI 4项目 1、Debugger for Chrome插件 2、配置vue.config.js文件(如果没有，在根目录下新增一个) module.exports = { configureWebpack: { devtool: 'source-map' } }
阅读全文
摘要：一、遇到的问题 如图 如图 这个值就是拿不到 代码如下： /** * Created by superman on 17/2/16. * http配置 */ import { Toast } from 'vant'; import axios from 'axios' import store fr
阅读全文
