Vue
dongsdh
少熬夜,多运动,记得笑
展开
-
打包类型区分
原创 2023-09-12 17:14:49 · 122 阅读 · 0 评论 -
图片压缩失效问题
图片压缩失效问题原创 2022-07-22 16:17:13 · 226 阅读 · 0 评论 -
new Promise解决回调地狱问题
new Promise((resolve, reject) => { setTimeout(() => { console.log('四川省') resolve('四川省') }, 1000); }).then(res => { return new Promise((resolve, reject) => { setTimeout(() => { console..原创 2022-04-21 15:57:35 · 542 阅读 · 0 评论 -
加载完成后匹配路由$router.onReady
mounted(){ this.$router.onReady(() => { if (this.$route.matched.length === 0) { this.$router.push("/index"); } });}原创 2022-04-21 10:59:33 · 1048 阅读 · 0 评论 -
vue jquery方式修改内容及操作dom及扩展
//页面全部加载完成,且组件都已经挂载 ready: function () { var cellDom = this.getElementsClass("cell"); // cellDom[0].innerHTML = '评估内容'; cellDom[1].innerHTML = '评估指标'; cellDom[2].innerHTML = '评价等级'; var bodyDom = this.getElementsClass(...原创 2022-03-24 14:44:53 · 1672 阅读 · 0 评论 -
vue项目中使用插槽总结
前言:公用组件中放置插槽需要设置slot属性<pinde slot="dom"/>,名称必须与公用组件中<slot name="dom"></slot>中的name属性值相同效果原创 2020-08-14 18:20:54 · 586 阅读 · 0 评论 -
vue获取图片的主提色作为背景
前言:最重要的是取颜色的这一步<template> <div class="bannerd"> <div class="bannerview"> <img id="filterbg2" class="imgbg" :src="bannerimg" @load="loadImage" alt="" /> <div class="banner"> <van-swipe @change="onChang原创 2020-08-14 16:11:27 · 2288 阅读 · 0 评论 -
动态组件
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /></head><body>...原创 2020-04-02 22:23:38 · 203 阅读 · 0 评论 -
vue项目中父子组件相互调用
原创 2020-03-17 16:33:02 · 437 阅读 · 0 评论 -
父组件发送参数,子组件接收参数
父组件发送参数<template> <div> <Head :message="list" @par="isclick"></Head> <i class="iconfont"></i> <div> <p @click="gochengdu('成都范围','...原创 2019-11-07 15:06:00 · 652 阅读 · 0 评论 -
三种路由跳转方式
<section @click = "gotoAddress({path: '/search/' + geohash})" class="guide_item"></section><ul class="list_container"> <router-link :to="{path:'/shop', query:...原创 2020-08-14 20:15:59 · 550 阅读 · 0 评论 -
day03--09-meta和全局路由的渲染前配置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <div id="app"> <!-- 声明式的导航 --> <rou...原创 2020-08-14 20:19:55 · 84 阅读 · 0 评论 -
day03--01_获取DOM元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <div id="app"> <!-- <App></App>...原创 2020-08-14 20:39:16 · 165 阅读 · 0 评论 -
vue第二天父组件通信到子组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> *{ padding: 0; margin: 0; } .main{ width: 100%; }...原创 2019-10-29 00:20:43 · 73 阅读 · 0 评论 -
vue05组件,挂载,使用
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Co...原创 2019-10-28 23:49:44 · 96 阅读 · 0 评论 -
vue04点滴v-model
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Co...原创 2020-08-14 20:32:48 · 64 阅读 · 0 评论 -
data数据为sex的value为1或0,呈现的时候显示为“男”或“女”
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title></tit原创 2018-04-09 14:50:52 · 8932 阅读 · 0 评论 -
选择指令
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title></tit原创 2018-04-09 14:53:31 · 231 阅读 · 0 评论 -
实例创建好之后,自定的调用的方法created
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title></tit原创 2018-04-09 14:56:04 · 899 阅读 · 0 评论 -
通过methods来定义需要用到的方法
<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title></title&a原创 2018-04-09 15:00:16 · 925 阅读 · 0 评论 -
vue绑定图片地址及其他常规dom操作
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title></tit原创 2018-04-09 15:12:07 · 1309 阅读 · 0 评论 -
props:['myValue']接受父级的数据
<child-component :myValue="gift"></child-component><child-component myValue="money"></child-component>:myValue="gift"数据绑定和myValue="money"数据绑定是有区别的区别在于有没有签名那个冒号原创 2018-04-09 15:38:35 · 457 阅读 · 0 评论 -
vue的v-for循环指令
<!DOCTYPE html><html> <head lang="en"> <meta charset="UTF-8"> <script src="js/vue.js"></script> <title></title&a原创 2018-04-09 14:42:22 · 2828 阅读 · 0 评论