vue
大熊猫玩菜刀
这个作者很懒,什么都没留下…
展开
-
使用nodemon监听前端工程.env.development等文件更新自动重启项目
1、添加nodemon.json配置文件{ "restartable": "rs", "verbose": false, "watch": [ "config/", ".env.development" ], "ignore": [ "test/*.spec.ts", "www", "dist" ], "delay": 0, "exec": "", "原创 2022-05-05 19:20:07 · 927 阅读 · 0 评论 -
VUE3.0——组件传值
子组件关键代码:子组件:<template> <view class="header"> <view class="header-top" @click="pop"> <view class="header-back-arrow" v-if="showBack" ></view> <text class="header-title">{{ title原创 2020-08-17 12:08:28 · 7367 阅读 · 0 评论 -
VUE3.0——双向数据绑定
reactive<template><viewclass="index"><view@click="changeShowBox">{{state.showBox?'隐藏':'显示'}}</view><viewv-if="state.showBox">内容......</view></view></template><scr...原创 2020-08-24 10:19:43 · 2201 阅读 · 0 评论 -
vue重写push方法对路由参数进行统一编码、路由守卫afterEach中统一解码
直接上代码:main.jsimport Vue from 'vue';import App from './App.vue';import VueRouter from 'vue-router';import router from './router/index.js';import { Base64 } from 'js-base64';Vue.config.productionTip = false;/* router.beforeEach((to, from, ne.原创 2022-01-07 01:28:51 · 1101 阅读 · 0 评论 -
VUE Element 动态表格
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>VUE ELEMET UI 动态表格</title> <.原创 2020-08-20 12:44:55 · 621 阅读 · 0 评论 -
VUE动态创建使用组件、覆盖根组件
<div id="app">app根组件</div>var app = new Vue({ el: '#app', data() { return { myArray: [{id:1, name: 'aa'}], myArray2: [] } }, methods: { },});let MyMsg = Vue.extend({ template: '<div>这是我的组件,动.原创 2020-07-15 23:18:57 · 694 阅读 · 0 评论 -
Vue百度地图关键字提示输入Autocomplete(uni-app H5)
官方demo:http://lbsyun.baidu.com/jsdemo.htm#a6_2官方API:http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_webgl_1_0.html#a8b50只上关键代码: var map = new BMap.Map('l-map'); map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); var ac原创 2020-06-10 19:05:17 · 2168 阅读 · 1 评论 -
VUE中初始化高德地图时机问题
created中初始化地图显示一片黄。。。mounted中初始化地图正常显示。<style> #vueForm, #container{ width:500px; height:500px; }</style><div id="vueForm"> <div id="container"></div&...原创 2020-02-04 20:38:36 · 1685 阅读 · 0 评论 -
Vue路由返回时保持滚动条
实现该效果最重要的是获取页面最终的scrollTop值,获取scrollTop最重要的是找准元素,找不到就一个一个试,从最外层元素找,总有一个元素是你要的!!!//获取let scrollTop = this.$refs.wrapper["scrollTop"];//设置this.$refs.wrapper["scrollTop"] = scrollTop; //...原创 2019-08-08 19:35:10 · 796 阅读 · 0 评论 -
Vue路由判断前进后退
判断方式应该有很多,但是我感觉最简单的方式,也是我项目中采用的方式:定义全局跳转和返回函数,直接“接管”Vue路由的前进和后退事件://注册全局方法Vue.prototype.push = (url: string, closeTransition: boolean = false) => { //前进 Vue.prototype.transitionName ...原创 2019-08-08 19:22:40 · 13084 阅读 · 9 评论 -
require(src)报警告Critical dependency: the request of a dependency is an expression
let src ="../../assets/imgs/ziyuan6.png";require(src);require接收了一个变量,会报上面的警告,接收一个写死的字符串值时则没有警告!下面三种写法没有报警告:require("../../assets/imgs/ziyuan6.png");...原创 2019-07-15 21:42:19 · 62338 阅读 · 12 评论 -
vue typescript 发送倒计时指令、vue自定义指令封装
main.ts注册全局指令://main.tsimport * as directives from '@/directives/directives';// 注册全局指令Object.keys(directives).forEach(key => { Vue.directive(key, (directives as { [key: string]: Dire...原创 2019-07-15 01:37:01 · 3708 阅读 · 4 评论 -
vue-router路由内组件实例和路由外组件实例互相访问
各种层级路由之间的通信,首先想到的可能是Vuex,但在某些情况下,我并不想用Vuex,想通过获取组件实例,直接进行交互。<template> <div id="app" v-touch:right="onSwipeRight"> <xv-header></xv-header> <transition...原创 2019-07-03 11:27:42 · 3643 阅读 · 0 评论 -
vue打包npm run build之后双击index.html空白或者404
最近开始正式入坑VUE!1、vue.config.js配置publicPath为 “./” ,否则静态资源可能引用不到:2、配置VueRouter为hash模式开始一直配置成history模式(因为在哪看到丑陋的hash,产生了误导),双击index.html一直404,控制台也不报错,差点以为凉凉了!以前用ionic应该一直都是hash模式,因为浏览器url也会显示#号。使用h...原创 2019-06-24 20:17:54 · 3298 阅读 · 0 评论