vue与weex
A-fish
这个作者很懒,什么都没留下…
展开
-
Vue注意规范 v-if 与v-for一起使用
前言Vue 官方文档告诉我们,不推荐v-if 与 v-for 一起使用,当一起使用的时候,v-for具有比v-if 更高的优先级,这就意味着 v-if 将分别重复运行于每个 v-for 循环中,所以不推荐v-if 与v-for 同时使用推荐使用方法:推荐使用替代方案:计算属性...原创 2021-08-14 10:33:33 · 475 阅读 · 0 评论 -
vue 监听路由变化
watch监听: 监听一级路由:路由组件的渲染区域为router-view,作为顶层出口,它将匹配到的路由组件渲染在该区域中,路由组件渲染默认的方式是销毁 - 创建,因此$watch是监听不到一级路由的变化的。所以,要想使用$router监听一级路由,需要让组件成为复用组件,也就是使用keep-alive包裹router-view。 <keep-alive> <router-view /></keep-alive>watch: { $r原创 2020-11-03 16:45:31 · 840 阅读 · 0 评论 -
vue 项目如何实现无限滚动 分页加载数据
安装官网是:https://github.com/ElemeFE/vue-infinite-scrollnpm install vue-infinite-scroll --save管官方也推荐了几种载入方式,但“最vue”的方式肯定是在main.js中加入:import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)实现范例官方给的代码范例是假设你在根组件写代码,实际上我们肯定是在子组...原创 2020-06-03 15:28:00 · 3445 阅读 · 1 评论 -
echarts用法
<!DOCTYPE html><html><head><title>echarts 饼状图</title><style type="text/css"></style></head><script src="./vue.js"></script><!-- ...原创 2019-07-18 16:04:42 · 207 阅读 · 0 评论 -
Vue 全局注册子组件与局部注册子组件
Vue注册全局子组件和局部子组件ps: 这里是使用vue-cli搭建的vue开发目录1Vue注册全局子组件第1步: 创建子组件,代码如下<template> <div id="header"> <div class="head">全局子组件</div> </div></template>...转载 2019-07-18 12:02:12 · 1673 阅读 · 0 评论 -
babel用法 babel可以实现把es6语法转换成es5语法,但是不支持转换新的API,转换新的API需要用插件Babel-polyfill
解释一:Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Object.assign)都不会转码。举例来说,ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法...转载 2019-07-19 11:25:16 · 3088 阅读 · 0 评论 -
es6常用语法
一、let和const在Java中咱们以前主要用关键var来定义变量,ES6之后,新增了定义变量的两个关键字,分别是let和const。对于变量来说,在ES5中var定义的变量会提升到作用域中所有的函数与语句前面,而ES6中let定义的变量则不会,let声明的变量会在其相应的代码块中建立一个暂时性死区,直至变量被声明。let和const都能够声明块级作用域,用法和var是类似的,let...原创 2019-07-19 11:45:02 · 1629 阅读 · 1 评论 -
vue 中scoped 和 deep的用法深究
前言我们都知道在组件中给style标签添加scoped属性可以避免组件内样式对外界造成污染,scoped使得组件内的样式变成局域样式,只作用于当前组件。这个是怎么做到的呢?原理在编译组件的时候,如果当前组件内style标签上有scoped属性,那么会在当前所有标签上添加一个【data-v-hash】属性,而当前样式表内的所有末尾选择器后面也会加上该属性,那么久使得当前组件内的样式只会作...转载 2019-07-19 16:45:50 · 3754 阅读 · 0 评论 -
vue 环形进度条 组件封装
子组件circle:<template> <div :style="svgStyle"> <svg :style="svgStyle"> <!-- 内边框 --> <path :d="pathString" :stroke="trailColor" :stroke-width="trailWidth" :...原创 2019-07-31 15:39:51 · 3313 阅读 · 1 评论 -
vue 移动端常用ui框架
1.mint-uihttps://mint-ui.github.io/#!/zh-cn2.muse-uihttps://muse-ui.org/#/zh-CN/transitions3.vonic-uihttps://wangdahoo.github.io/vonic/docs/#/4.vux-uihttps://vux.li/demos/v2/#/demo5.vu...原创 2019-07-31 15:53:07 · 3176 阅读 · 0 评论 -
解决ios手机中input输入框光标过长的问题
在项目中做移动端页面,发现IOS 的光标大小很大,和安卓的完全不一样,思考怎么调整大小,通过实践和尝试,找到了解决方法,现分享给大家。修改前css部分代码:.receiving-info .receiving-info-list input { display: inline-block; width: 70%; font-size: 14px; colo...翻译 2019-06-25 17:46:55 · 1429 阅读 · 0 评论 -
解决H5页面在iOS网页中的数字被识别为电话号码,字体颜色变蓝色
Vue框架里面写法,写app.vue里面<template> <div id="app"> <!-- 解决IOS手机自动识别为手机号颜色变蓝问题start --> <meta name="format-detection" content="telephone=no"> <!-- 解决IOS手机自动识别...原创 2019-06-25 17:30:09 · 2348 阅读 · 1 评论 -
判断IOS和android(weex 项目)
var ua = window.navigator.userAgent; var isiOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if(!isiOS){ //android 端 this.title = this.getUrlParam('title')...原创 2019-01-02 11:30:05 · 592 阅读 · 0 评论 -
移动端的那些坑 IOS端兼容性问题
https://mp.weixin.qq.com/s/pVGFcVWmn5o-tD6hrdksUQ 1.在IOS下,input 和textarea表单默认会有个内阴影,一定程度上影响视觉一致,可通过设置下面代码去掉:input{ -webkit-appearance:none;} 2.disabled 在iOS下颜色变浅问题的兼容input:disabl...原创 2018-12-27 18:35:42 · 1609 阅读 · 1 评论 -
weex 三级联动 省市县
https://blog.csdn.net/codingandroid/article/details/77571508转载 2018-12-10 14:54:26 · 526 阅读 · 1 评论 -
svg画圆(矢量图)
https://blog.csdn.net/chy555chy/article/details/53333422svg用法介绍原创 2018-11-28 18:12:42 · 1490 阅读 · 0 评论 -
vue项目中获取DOM元素以及获取当前点击元素的DOM元素
原创 2018-11-28 10:46:38 · 8605 阅读 · 0 评论 -
表格列升序,降序
https://blog.csdn.net/weixin_39581226/article/details/80535488 升序和降序 字典排序:升序和降序转载 2018-11-27 17:24:02 · 333 阅读 · 0 评论 -
weex项目踩过的那些坑
1.weex默认 flex布局!2.weex样式不能连写否则不生效(比如不能这样连写border:1px solid #ccc)3.weex 想让盒子居中不能使用margin:auto auto;4.PC端运行某个单独的页面:切换到根目录下,执行cmd命令weex preview xxx.vue(具体某个Vue文件名字)5.weex项目打包cmd命令:npm run pack:we...原创 2018-11-21 16:48:54 · 542 阅读 · 0 评论 -
线 border-bottom:1px solid #ccc 解决1px在不同手机上粗细不一样的问题
因为1px在手机端是识别不了的,所以可以通过缩放scaleY(0.5)实现把1px的高度缩放到0.5px,可以用于表单元素的下滑线.parent { position: relative;}.parent::after { /* 绝对定位到父元素最低端,可以通过left/right的值控制边框长度或者定义width:100%;*/ position: absolute;...原创 2019-04-28 14:36:08 · 6302 阅读 · 0 评论 -
:active 伪类
<div class="renzheng" > </div>.renzheng:active{ background-color: #e8e8e8;}原创 2019-04-28 14:58:14 · 551 阅读 · 1 评论 -
es6 常用新特性 解构赋值 箭头函数
<!DOCTYPE html><html><head><title>vue bangding</title><style type="text/css"></style></head><script src="https://cdn.jsdelivr.net/npm/vue"&g...原创 2019-06-06 14:52:37 · 1119 阅读 · 0 评论 -
vue 组件封装 抽奖随机数
一,子组件<template> <div> <slot></slot> </div></template><script> export default { name:'countUp', props:{ ...原创 2019-05-31 15:30:56 · 2107 阅读 · 0 评论 -
vue 组件封装 确认弹框带可以自定义titile ,内容,和取消,确定按钮的弹窗 slot插槽
一,子组件 modalConfirm.vue文件封装<template> <div class="confirmBgc animations" :style="{backgroundColor:rytColor}" v-show="show"> <div class="rytContainer" :style="{borderRadius...原创 2019-05-23 15:51:55 · 4837 阅读 · 0 评论 -
label标签应用场景 以及介绍 增大表单点击区域
https://blog.csdn.net/gnail_oug/article/details/72852150转载 2019-05-27 15:13:31 · 651 阅读 · 0 评论 -
vue 组件封装 按钮button 支持点击按钮带阴影效果和Loading加载效果
一,子组件shadowButton<template> <!-- 此组件支持自定义按钮文字和自定义按钮图片 --> <button :style="{backgroundColor:btnBgc,color:btnColor,width:width,height:height,fontSize:fontSize,boxShadow:boxShado...原创 2019-05-27 15:07:40 · 7590 阅读 · 0 评论 -
vue 封装 下拉选择框 actionSheet, dropDown ,类似mint-ui中的actionSheet
一,封装蒙层Popup 框---带淡入淡出渐变效果的<template> <transition name="rytpopup-transition"> <div class="rytPopup" v-show="visible" @click="closeRytpopup"> <slot><...原创 2019-05-22 17:51:24 · 3851 阅读 · 0 评论 -
如何让一个已经存在的项目跑起来
1.配置环境nodeJS环境 nodejs下载官网http://nodejs.cn/download/2.下载安装git配置git环境3.从远程仓库拉已经存在的项目的代码(注意地址应该是一个.git文件命名的) 3.1 可以应用git GUI 拉代码 3.2 利用git clone (HTTP,SSH)都可以,只不过SSH需要输入账号和密码4.在项目根目录下利用cmd执行npm...原创 2018-09-21 16:24:05 · 7036 阅读 · 0 评论