小小笔记本-CSDN博客

原创 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 296 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 419

this.router.push()∗∗会导致history出现堆栈问题会出现下面的实现方式就是改变使用的方式使用∗∗this.router.push()** 会导致history出现堆栈问题会出现下面的实现方式就是改变使用的方式使用**this.router.push()∗∗会导致history出现堆栈问题会出现下面的实现方式就是改变使用的方式使用∗∗this.router.replace()...

2020-04-09 17:09:11 514

原创关于axios 会出现请求多次的问题（option不算）

早上遇到个问题vue使用axious的时候发现页面出现的时候mounted渲染了两次，但是 layout 即 index.vue页面并没有出现调用两次的情况，通过排查初步锁定是mounted在子页面调用两次的问题。后面发现是页面上 v-if 的问题是因为页面 template 上的v-if 判断节点是否显示隐藏的时候。dom加载未完成的时候，导致mounted的二次执行。将之前的v-if换...

2020-03-18 14:36:34 268

原创 swiper实现轮播左右三个图片大图组中左右出现小角

photo ...

2020-03-05 15:24:50 1257

原创 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 335

原创关于微信分享百分百可以使用 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 138

原创高德地图遇到的坑（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 1112

原创 H5代码规范

html5页面的规范首行缩进用tab键，四格的操作，结束的语序 </a> </div> 每个class类要间隔空格方法内也要加空格隔开注意语义的对应。 template的渲染是if 判断的语序，和容器的语序要自行对应，保证语义化css规范依次的样式排布是先定位，在长宽，在其他的大小颜色的属性。每个样式之间的要规范前后面空格，注意整体的作用，在一个模块的...

2019-02-28 11:36:41 1579

转载页面传参数的一些方法

页面传参数是一种比较常见的业务需求，根据实现原理及适用环境可以分为两大类。在普通浏览器端常用的方法有如下几种1.利用URL传参在页面跳转的时候通过设置window.location.href添加参数，在接收参数的页面通过window.location.search获取参数字符串。发送参数的页面window.location.href = 'new.html?targetId=123'...

2018-11-14 17:08:05 1927

原创小程序textare取值问题

index.wxml<view class="flex ac jc p20"> <textarea placeholder="说说您对商品的体验吧！您最多可输入200个字哦~" bindinput="bindTextAreaBlur" value="{{content}}" /></view><view class=&q

2018-11-14 11:29:39 518

原创微信小程序商品评价，默认5星

刚刚接手小程序自己写了点先上图看效果index.wxml&lt;view class="main"&gt; &lt;view class="flex header p20"&gt; &lt;view class="flex ac"&gt; &lt;i

2018-11-09 15:18:03 3025 2

转载微信小程序的简单介绍

微信小程序的简单介绍1.与HTML的区别HTML微信小程序<div></div><view></view><h1></h1> ---<h6></h6><span></span><p&am

2018-11-05 11:25:39 537

转载 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 8958

转载关于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 489

转载 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 1967

weixin_43584356的博客