取名字真难1995-CSDN博客

原创 uniapp定位（腾讯地图定位和高德定位）

// 腾讯地图获取精度太差 // 获取经纬度 GetLocation(){ let _this = this uni.getLocation({ type: 'wgs84',//gcj02 success(res) { // console.log('当前位置的经度：' + res.longitude); // console.log('当前位置的纬度：' + res.latitude); // let.

2021-11-10 15:58:38 2235

原创 uniapp onReachBottom不触发

在子组件里是不会触发的要写在父组件中父组件中这样写：<goods ref="goods"></goods>onReachBottom(){ console.log('onReachBottom1111111111'); if(this.$refs.goods){ if(this.$refs.goods.status === 'loadmore') { this.$refs.goods.getNoSaleList(); } }}

2021-02-24 11:25:17 6919 11

原创 scroll-view 不支持flex布局问题

//html代码片段<scroll-view scroll-x :scrollLeft="scrollLeft" @scroll="scroll" class="right-head" style="white-space: nowrap"> <view class="table-header-item" >库销比</view> <view class="table-header-item" >动销率</view> .

2021-02-01 15:37:28 852

原创 uniapp 极简多选关不掉确定和取消按钮

uniapp极简多选有过怎样都关不掉确定和取消按钮的情况错误示范： <view class="list-picker" > <view class="left"> 偏爱颜色 </view> <view class="right" @click="p39Show = true"> {{p39Info || '请选择'}} <multiple-select ref="mulSele.

2020-11-30 11:43:09 785

原创 input封装为子组件更改值报错

出现这个问题的原因是 input的v-model本身就是语法糖，本质是value props，因此需要在子组件中用别的值替代掉传入的props。下面上代码子组件的代码：<template> <view class="list-input"> <view class="left"> {{title}} </view> <view class="right"> <input type="text" v-mo

2020-11-26 11:42:34 484

原创 clipboard异步复制文本 vue

由于异步请求不能直接拿到文本内容，所以第一次复制的时候是空的讲下思路，就是新增一个按钮，按钮的真正功能是复制已请求到的文本内容，通过模拟点击复制到剪贴板。下面是代码：<el-button@click="getLink(row.id)">链接</el-button><el-buttonref="copy"class="btn":data-clipboard-text="linkUrl"@click="copyLink"style="opacity...

2020-09-09 17:43:56 347 1

转载表单验证model绑定的是一个对象下的某个子对象属性的时候无法验证

表单验证model绑定的是一个对象下的某个子对象属性的时候无法验证如果data中定义的数据结构是这样的(组件上最终绑定的是dataForm.name.value)：dataForm: { name: { value: '' } }那么rules中需要这样写：rules: { 'name.value': { { required: true, message: '请输入项目名称', trigger: 'blur' } } }template需要这么写：<el-form-item prop="n

2020-09-07 11:24:20 456

原创视频及图片轮播可全屏放大 uniapp

<swiper indicator-dots circular=true duration="400"> <swiper-item class="swiper-vedio"> <view class="page"> <video id="myVideo" src="视频地址" ...

2020-08-11 13:55:14 973 2

原创 vue动画 css (animate.css) js(velocity.js)

1、动画实现的方式： ------动画在vue上的应用，实现过渡效果（1）css3：transition、 animation、animate.css（框架）（2）js：jQuery、$animation({},{}) （框架）；velocity 、 Velocity(el,{},{}) （框架）（1）使用css3技术实现：原生css3：<transition>...

2019-09-15 14:56:19 377

原创 vue指令及自定义指令

自带的指令：事件修饰符（click、submit等）：适合所有的事件<a href=”#”v-on:click.prevent=’handler’> ：点击时执行handler函数，并且阻止事件的默认行为@click.prevent：阻止事件的默认行为@click.stop：停止冒泡@click.self：仅在当前元素上触发@click.once：仅触发一次...

2019-09-15 14:52:51 361

原创 vue简介、事件钩子、Vue实例

Vue.js是一套构建用户界面的渐进式框架，Vue 采用自下向上增量开发的设计，其核心库只关注视图层，轻量级，同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。1、Vue ：mvvm 模式的框架(Model-View-ViewModel：分离视图（View）和模型（Model），低耦合、可重用性、独立开发、可测试)2、事件钩子（承诺）（1...

2019-09-15 13:56:51 658

原创 ionic3打包apk

Ionic3打包我打包的时候遇到的问题全部都是版本不兼容的问题，没有这个问题的小婊贝们就可以直接退出啦~ ionic cordova build android --release（遇到的问题：1.报错read ECONNREST 回退ionic版本将4版本降为3.5.02.报错env.runcmd is not a funtion 回退cli版本npm install ...

2018-09-30 14:24:32 522

原创 angularjs2大漠穷秋视频笔记整理

git.oschina.net/mumu-osc/NiceFishnpm config list联网方式npm config set proxy="代理地址"npm config delete proxyangular-cli 安装npm install -g angular-cling --versionng helpng new my-projectnpm insta...

2018-09-19 15:03:28 659

原创 angularjs2表单

//表单FormControl 单一输入字段let name=new FormControl('Nate');name.value//Natename.error// StringMap<string, any> of errorsname.dirty//脏检查 falsename.valid//true FormGroup 字段的值和状态(为一组formcontr...

2018-09-19 15:02:13 152

原创 angularjs2指令

*ngIf<div *ngIf="false">1</div><div *ngIf="a>b">1</div><div *ngIf="str=='yes'">1</div><div *ngIf="fn()">1

2018-09-19 14:58:53 149

原创 angularjs2 组件

ts文件中// 新建Product 类class Product{ constructor(public sku:string, public name:string, public imageUrl:string, public department:string[], public price:number){}}@Component({ selector:"a...

2018-09-19 14:57:05 134

原创 Restangular

设置基础路由 all() var user=Restangular.all('user') //设置基础路由为/user user.getList() //GET /user 拉取数据通过单个对象发送请求 one() Restangular.one('users','abc123') // /user/abc123上发送请求所有后端 API 请求设置 b...

2018-09-19 14:55:15 779

原创 typescript简单入门

typescript优势1.es62.ide支持 1）类型检查（string number） 2)语法提示（根据上下文提示）3）重构（修改变量文件名）3.angular2的开发语言搭建typescript开发环境compiler typescript-》javascript在线compiler http://www.typescriptlang.org/play/index....

2018-09-11 09:45:06 151

原创 $resource服务

// resource是创建资源对象的工厂创建与服务器交互的对象var user=$resource('/api/users/:userId',{userId:'@id'})console.log(user)user.get({id:'123'},function(resp){console.log(resp)},function(err){console.log('er...

2018-09-05 10:13:48 195

转载 angularjs decorator 装饰器

services.js.service('emailService', function() {this.email = "give me!";this.setContent = function(content) {this.email = content;};this.send = function(recipient) {return 'sending "' + ...

2018-08-28 13:50:14 374

转载指令ng-readonly/ng-checked/ng-src ng-href/ng-switch/ng-if/ng-repeat/ng-style/ng-init/ng-bind/ng-change

ng-readonly:<input type="text" ng-model="someProperty"><input type="text" ng-readonly="someProperty" value="Some text here" /><br>ng-checked:<label

2018-08-23 15:46:14 198

转载常用的ng指令 ng-disabled/ng-include(用于多标签页面)/ng-select

ng-disabled:<input type="text" ng-model="able"><button class="button button-positive button-small" ng-disabled="!able">提交</button><button class="button butt

2018-08-23 15:23:41 418

转载 scope作用域

{{ modal.someBareValue }}<but...

2018-08-23 13:23:59 136

转载 directive指令

.directive('myDirective', myDirective).directive('myDirective1', myDirective1).directive('myDirective2', myDirective2)myDirective.$inject = [];myDirective1.$inject = [];myDirective2.$inject ...

2018-08-23 10:12:49 397

转载 directives

angular.module('starter.directives',[]).directive('myDirective',myDirective)myDirective.$inject=[];function myDirective(){return {restrict:"EACM",replace: true,template:'<a href="ht...

2018-08-22 16:43:59 288

原创 filter过滤器

日期过滤vm.today=new Date();{{vm.today | date:"medium"}} {{vm.today | date:"yyyyMMddHHmmss"}} vm.list=[{'name': 'Ari','favorite food': 'Pizza'}, {...

2018-08-20 10:38:07 120

原创 ionic 日期时间控件

第一步bower install ion-datetime-picker --savenpm install ion-datetime-picker --save第二步在index.html页面引入<script src="lib/ion-datetime-picker/release/ion-datetime-picker.min.js"></script><lin...

2018-07-13 16:19:09 1892

原创千分符js(支持带小数点以及正负数)

function thous(num){var flag=1;if(num0){flag=0;num=-num;}var str=num.toString();//n为小数部分var n=str.slice(str.lastIndexOf('.'))if(n.indexOf('.')==-1){n="";}//str为整数部分var

2018-01-29 14:47:09 1468

qq_41687724的博客