一、父子组件传值基本概念在Vue中,父子组件间的数据流向可以总结为prop向下传递,事件向上传递,即父组件通过prop给子组件下发数据,子组件通过自定义事件给父组件发送信息。   (1) 父组件给子组件传值父组件通过属性传值,子组件利用props接收值// 给子组件传入一个静态的值: <child title="哈哈" /> // 传动态的值,需要v-bi
转载 8月前
46阅读
1、input获取焦点弹出键盘时遮住input  web页面有多个input输入框时,底部的input获取焦点弹出键盘,会出现遮住input情况,用户输入的内容不能正常展示,需要手动上滑。如下图一键盘遮住了备注输入框,图二是处理后的效果,备注输入框自动上滑。 解决办法:使用相对定位relative绝对定位absolute<style> .main { position: r
# Vue 判断 Android iOS 在开发移动应用时,通常会遇到需要根据设备类型来做一些不同的处理。比如在某些情况下,需要针对 Android iOS 分别展示不同的样式或功能。在 Vue 中,我们可以通过一些方法来判断当前设备的类型,从而进行相应的处理。 ## 判断设备类型 在 Vue 中,我们可以通过`navigator.userAgent`来获取当前设备的用户代理信息,从
原创 6月前
114阅读
前言本次用element-ui的table组件,简单案例演示下前后端数据交互。前提声明:如果不知道如何在vue中引入element-ui,可以先看下这篇文章:Vue引入并使用Element-UI组件库的两种方式静态页面首先先写一个静态页面吧,数据都是死的,这也是element-ui的table组件demo:直接把代码复制到组件里面即可。这样一个静态组件就写好了:但是这样只是一个静态的,我们开发中往
目录Vue - 4 Vue中与后端交互1.购物车案例2.v-model的修饰符3.什么是跨域问题跨域问题同源策略跨域问题解决思路4.Vue中与后端交互1.使用JQuery中的ajax2.fetch3.axios发送ajax请求4.电影数据显示案例Vue - 4 Vue中与后端交互1.购物车案例只要js的变量发生变化,html页面中使用该变量的地方就会重新渲染购物车实现步骤:1.先搭出框架,给每个商
转载 2023-07-23 23:56:05
60阅读
1、版本兼容性问题vue 只兼容ie8以上版本;ie8及以下版本不支持Object.defineProperty方法,但这个是vue实现响应式的所必须的,所以从Vue的源码来看根本就无法支持IE82、IE 不兼容 axios的promiss对象;在项目中使用了ES6 promise对象安装:npm install es6-promise;3、IE 不兼容es6语法;IE不支持ES6语法安
转载 2023-09-05 13:34:20
0阅读
       由于公司项目需要,所以使用vue开发了一款内嵌原生app的H5项目。接下来把开发之中的坑给大家分享一下。H5页面整体就不细述,着重于与原生端的交互上。 业务逻辑:   基本逻辑就是H5项目内嵌原生app  原生端通过点击入口按钮进去H5页面  >  H5页面调用原生方法
## Vue判断iOS安卓 在开发Web应用或移动端应用时,经常会遇到需要根据用户设备类型来做不同的逻辑处理的情况。在Vue中,我们可以通过一些方法来判断用户的设备类型是iOS还是安卓系统。 ### 判断iOS安卓的方法 1. 使用`navigator.userAgent`进行判断 `navigator.userAgent`是一个包含有关浏览器用户代理字符串的只读属性。我们可以通过这个
原创 3月前
211阅读
需求:导出work电子存档第一步、安装依赖cnpm install docxtemplater pizzip --save-dev cnpm install jszip-utils --save cnpm install jszip --save cnpm install file-saver --save第二步、引入依赖<template> <p @click="expor
转载 2023-08-08 08:59:20
53阅读
       本文参考的是前辈的简易版本Vue实现:,感谢。前辈GitHub地址:https://github.com/canfoo/self-vue       虽然前辈的文章写的已经很浅显了,但依然没有一开始就看懂代码啊,对了,前辈的文章有它的github地址,上面可以直接下载代码。    &n
一、Vue的版本 1. Vue1.x几乎被淘汰,不再建议学习与使用。2. Vue2.x<scriptsrc=" " target="_blank">https://cdn.jsdelivr.net/npm/vue@2.6.14"></script> 3. Vue3.x<scriptsrc=" " target="_blank">https:
知识目录一、写在前面✨二、Hbuilder X准备?2.1 Hbuilder X简介2.2 下载三、打包?3.1 获取dist目录3.2 新建5+app3.3 替换文件3.4 编写manifast.json文件3.5 app云打包四、总结撒花? 一、写在前面✨大家好!我是初心,很高兴再次大家见面。今天跟大家分享的文章是 如何将Vue项目打包成apk,即安卓安装包 ,希望能帮助到大家! ? 个人
vue项目构建预备vue中文文档: https://cn.vuejs.org/v2/guide/instance.html构建工具环境nodejs: http://nodejs.cn构建工具vue-cli:https://github.com/vuejs/vue-cli如果是第一次接触vue或者在已有项目中引入vue时可以选择用CDN版本或者下载js文件vue的生产版本js:h
this.$axios.get(wxPay,{ params:{ order_pay_no:this.order_pay_no,//订单编号 payment_type:1//支付类型 } }).then((res)=>{ this.loadS=false if(parseInt(res.data.errCode)>=0){
转载 2023-07-24 22:33:33
68阅读
超级详细的开发项目的流程前言: 拿到一个项目任务首先了解是一个什么样的项目,项目开发中有没有什么外部的文件(css, js, json,icon)等需要配合完成项目的开发,确认开发的项目方向从而确定是否需要搭配那些依赖的配合开发以及合适的组件库的安装以及引入(Element-ui 、Vant-ui 、Mint UI 、Bootstrap Vue)等,达到不论从用户使用中的视觉体感以及编程开发中的编
忙了1个月了都没时间总结一下,今天终于暂时解放了。 前段时间在用vue开发app组件,都是些翻页勾选跳转的逻辑吧,更深刻认识到了什么时候该用什么,看起来有用的东西全加上了等于没什么卵用。。。一、vue开发1.数组及时更新视图问题要用官方文档上写的那几个方法,才能及时更新视图,不然数据更新了视图还是老样子。除此之外:清空数组,及时更新视图,可以用arr.splice(0),arr=[]没什么用。2.
## 实现"Vue iOS"的流程 ### 1. 确定开发环境工具 在开始之前,我们需要确保已经安装了以下环境工具: - Node.js:用于运行Vue CLI管理依赖项。 - Vue CLI:用于创建和管理Vue项目。 - Xcode:用于构建和调试iOS应用程序。 ### 2. 创建Vue项目 首先,我们需要使用Vue CLI创建一个新的Vue项目。打开终端,并执行以下命令:
原创 2023-08-24 18:55:53
74阅读
一、前言                                                       
转载 2023-08-04 19:06:07
40阅读
前言上一篇文章是根据Weex官方的介绍,启动了Weex的Hello World的介绍以及一些插件的安装环境部署Debug之前花了2周时间看了下Vue的语法用法以及一些实战介绍,毕竟是iOS开发,还是有必要把新学的东西写下来,而且会写的非常详细,能保证从我git仓库弄下来的基础结构能跑起来并且能热更新调试Demo已经写好了,Github上按照下面的步骤弄下来运行,看下App源码也行,或者看下Vu
现在开发app的公司,特别是app里面含活动页比较多的。一般都是首选嵌入h5页面来完成,不然谁会三天两头的去发包啊。活动页面大部分都是要通过h5分享出去,让其他人去下载你的app或者打开你的app参与活动。 今天分享两种能够在h5页面唤起app的方法1、第一种通过window.location.href直接跳转。其他两种iframe跳转跟a标签跳转我就不讲了,都是大同小异。 普通的方法有个弊端就是
  • 1
  • 2
  • 3
  • 4
  • 5