![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
总结
小小笔记本
随手笔记
展开
-
Echart的效果图表(组件都是引入echart的块)
折线图<template> <div class="number"> <div id="NumberChart"></div> </div></template><script>const echarts = require("echarts");export default { data() { return { data: [] }; }, mount原创 2020-07-08 11:50:38 · 303 阅读 · 1 评论 -
swiper手指滑动后不能继续轮播
<div id="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide flex ac jb" v-for="(item,index) in Arrlist" :key="index"> <...原创 2020-07-08 11:40:41 · 431 阅读 · 0 评论 -
关于微信下面的导航去掉的问题(仅仅针对vue项目)
this.router.push()∗∗会导致history出现堆栈问题会出现下面的实现方式就是改变使用的方式使用∗∗this.router.push()** 会导致history出现堆栈问题会出现下面的实现方式就是改变使用的方式使用**this.router.push()∗∗会导致history出现堆栈问题会出现下面的实现方式就是改变使用的方式使用∗∗this.router.replace()...原创 2020-04-09 17:09:11 · 537 阅读 · 0 评论 -
关于axios 会出现请求多次的问题(option不算)
早上遇到个问题vue使用axious的时候发现页面出现的时候mounted渲染了两次,但是 layout 即 index.vue页面并没有出现调用两次的情况,通过排查初步锁定是mounted在子页面调用两次的问题。后面发现是 页面上 v-if 的问题是因为页面 template 上的v-if 判断节点是否显示隐藏的时候。dom加载未完成的时候,导致mounted的二次执行。将之前的v-if换...原创 2020-03-18 14:36:34 · 275 阅读 · 0 评论 -
swiper实现轮播左右三个图片 大图组中左右出现小角
photo <!-- 如果需要导航按钮 -->...原创 2020-03-05 15:24:50 · 1282 阅读 · 0 评论 -
input 的type="number"类型 maxlength 无效
<input type="number" placeholder="请输入手机号" v-model="iphone" class="flex ac jc phone" oninput="if(value.length > 11)value=value.slice(0,11)">直接截取上面的11位原创 2020-03-01 09:48:27 · 342 阅读 · 0 评论 -
关于微信分享百分百可以使用 jsdkios存在的问题
安卓普通调用jsdk就不会存生微信签名失败的结果,上代码share_weixn.js // jsdk m-ui组件已导入引用就行//weixin-js-sdk应用const wx = require('weixin-js-sdk')import { Toast } from 'mint-ui'export default { data() { return { ...原创 2019-12-16 17:05:30 · 145 阅读 · 0 评论 -
高德地图遇到的坑(vue2.0 3.0)授权的功能
**配置很关键而且https很重要必学要(vue-amap)可以不使用**3.0在vue.config.js的module加上这高德地图配置这个 2.0在这个地方放这个地图的扩展在页面上引入高德地图的js就行 (2.0为例)import AMap from 'AMap'; //引入地图import { Swipe, SwipeItem, Toast, Indicator } fro...原创 2019-11-22 17:52:09 · 1135 阅读 · 0 评论 -
artTemplate基本使用方法script type="text/html"
artTemplate基本使用方法一.方法1.template(id1, data)用script标签来展示根据 id1 渲染模板。内部会根据document.getElementById(id2)查找模板。如果没有 data 参数,那么将返回一渲染函数。var html = template('test', data);document.getElementById('content...转载 2018-11-05 10:13:59 · 9043 阅读 · 0 评论 -
关于vue1.0
vue 1.0引入vue.js简介vue1.首先,了解vue的生命周期周期解释init组件刚刚被创建,但是Data、method等属性还没有被计算create组件创建已经完成,在加载数据中加载beforeCompile模板编译之前加载compiled编译完成后加载ready组件准备加载的时候加载attached在vm.$el从D...转载 2018-11-02 18:20:10 · 493 阅读 · 0 评论 -
微信小程序的简单介绍
微信小程序的简单介绍1.与HTML的区别HTML微信小程序<div></div><view></view><h1></h1> ---<h6></h6><span></span><p&am转载 2018-11-05 11:25:39 · 543 阅读 · 0 评论 -
页面传参数的一些方法
页面传参数是一种比较常见的业务需求,根据实现原理及适用环境可以分为两大类。在普通浏览器端常用的方法有如下几种1.利用URL传参在页面跳转的时候通过设置window.location.href添加参数,在接收参数的页面通过window.location.search获取参数字符串。发送参数的页面window.location.href = 'new.html?targetId=123'...转载 2018-11-14 17:08:05 · 1970 阅读 · 0 评论 -
H5代码规范
html5页面的规范首行缩进用tab键,四格的操作,结束的语序 </a> </div> 每个class类要间隔空格 方法内也要加空格隔开注意语义的对应。 template的渲染是if 判断的语序,和容器的语序要自行对应,保证语义化css规范依次的样式排布是先定位,在长宽 ,在其他的大小颜色的属性。 每个样式之间的要规范前后面空格,注意整体的作用,在一个模块的...原创 2019-02-28 11:36:41 · 1585 阅读 · 0 评论 -
art-template的模板渲染
art-template的模板渲染关于art-template的模板渲染方式参考官网:[link](https://github.com/aui/art-template).优点:基础的数据渲染判断的语法条件判断循环遍历调用自定义方法调用子模板关于template.js的方式关于art-template的模板渲染方式参考官网:link.优点: 1.基础数据渲染 2.输出HTML 3.流...转载 2018-11-02 11:24:06 · 1993 阅读 · 0 评论