最近在学习vue时也了解到一些常用的UI组件,有用于PC的和用于移动端的。用于PC的有:Element(饿了么)、iView等;用于移动端APP的有Vux、Mint UI(饿了么)、Vant(有赞团队)、cube-ui(滴滴)。 想做一个移动端微信公众号使用的界面,于是选择用mintUI。 mint
vue
原创 2021-07-15 10:34:18
230阅读
一、Vue中的事件处理可以用v-on指令监听DOM事件,并在触发时运行一些js代码。举个简单的例子:实现每次点击按钮counter加1的效果<div id="app"> <p>{{counter}}</p> <button v-on:click="counter++">点击+1</button> </div> <
转载 2024-06-13 21:45:49
235阅读
在js的时候,关于事件,DOM操作还是比较繁琐的,例如document.getElementById("btn").addEventListener("click", function () { alert("Hello World"); });上面的两步操作 第一:给元素添加点击事件 第二:给点击事件添加方法但是在Vue里面是很简单的1.v-on:(事件绑定)第一:给事件添加点击事件,不过在
1、快速搭建项目模板 因为项目使用vux,所以推荐使用vux官网的airyland/vux2 模板,vue-cli工具是vue项目的搭建脚手架 默认为 webpack2 模板,如果你需要使用webpack1,请使用 vue init airyland/vux2#webpack1 projectPat
转载 2017-11-14 19:57:00
127阅读
2评论
非常感谢那些无私开源的程序员,希望我也能够有能力像你们那样,开源很多很有意思的东西~~ js //main.js // The Vue build version to load with the command // (runtime only or standalone) has been se
转载 2019-05-06 14:06:00
96阅读
2评论
在开发基于 Vue 的 Web 应用时,遇到的一个常见问题是:在 iOS 设备上,Vue点击事件经常会失效。这种现象常常让开发者感到困惑,不知如何解决。本文将从问题的背景、错误现象、根因分析,以及解决方案的验证和优化等多个维度,详细阐述如何解决这个问题。 ## 问题背景 在移动设备日益普及的今天,Web 应用的可用性已成为重中之重。作为一种前端框架,Vue 提供了高效的数据绑定和组件化开发
原创 5月前
103阅读
1.MySettings.vue 2.效果图
转载 2017-11-19 20:30:00
53阅读
2评论
# Vue渲染的点击事件在iOS失效 在开发Web应用程序时,经常会遇到需要处理用户交互的情况,其中最常见的就是点击事件。Vue.js 是一种流行的JavaScript框架,用于构建交互式的Web界面。然而,有时候会出现一个令人头疼的问题,即在iOS设备上渲染的点击事件失效。 ## 问题描述 当在Vue.js中使用@click指令绑定点击事件时,通常情况下在桌面浏览器或Android设备上都
原创 2024-06-06 05:16:07
209阅读
1.综合页(首页) Home.vue 2.效果图
转载 2017-11-19 20:31:00
76阅读
2评论
1.Footer组件 Footer.vue 2.页面调用 App.vue 3.效果图
转载 2017-11-19 20:29:00
241阅读
2评论
1.main.js 2.路由 router/index.js 3.主页面 App.vue 4.Header 组件 Header.vue 5.页面调用 Home.vue 6.效果图
转载 2017-11-19 20:27:00
143阅读
2评论
# Python点击失效实现方法 ## 1. 概述 在开发中,经常会遇到需要实现点击失效的需求,即某个按钮或元素在被点击后,不再响应后续的点击事件。本文将通过一步一步的指导,教你如何实现Python中的点击失效功能。 ## 2. 实现步骤 下面是整个实现点击失效的流程,可以通过表格展示每个步骤的内容和代码。 | 步骤 | 功能 | 代码 | | --- | --- | --- | | 1
原创 2024-01-24 06:27:10
199阅读
【代码】[vue] v-viewer 点击失效
原创 2024-06-05 10:37:36
144阅读
@click="openArticle('123') 替换为 @click.native="openArticle('123')
转载 2020-04-14 17:38:00
900阅读
一、安装各插件 1.在项目里面安装vux【必须安装】 npm install vux --save 2.安装less-loader(这个是用以正确编译less源码,否则会出现 ' Cannot GET / ')【必须安装】 // 安装指定版本npm install less@3.0.4 -D npm ...
转载 2021-07-23 15:36:00
979阅读
3评论
一、img标签1、静态引入(静态路径加载)相对路径<img class="pic-404__child left" src="../../assets/404_images/404_cloud.png" alt="404">绝对路径<img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" al
转载 2023-06-08 23:39:26
4523阅读
1.通过实验证明: PopupPicker = TransferDom + Popup + PopupHeader + Picker 2.代码 Picker.vue 3.效果图
转载 2018-03-30 17:17:00
133阅读
2评论
vuex 的备注 // vuex的公用数据放置处 state: { count: 0, }, // (方法) 在里面可以去修改state里面的数据(在这里面不能写异步操作) mutations: { 方法名 (state,vari) { state.count=vari // 传值并设置count ...
转载 2021-07-24 14:04:00
55阅读
# Vue项目中iOS手机端点击按钮事件失效的原因及解决方案 在开发Vue项目时,大家可能会遇到一个很常见的问题:在iOS手机端点击按钮事件失效。这通常让开发者挠头,整个功能似乎无缘无故无法响应。本文将分析造成这一现象的原因,并提供解决方案及代码示例。 ## 1. 问题原因 iOS设备(尤其是Safari)在处理某些触控事件时,会与默认的事件处理机制产生冲突。具体来说,iOS设备的触摸事件(
原创 2024-09-10 05:51:27
647阅读
vue实战——vue中发送AJAX请求一、简介1)vue本身不支持发送AJAX请求,需要使用vue-resource、axios等插件实现。 2) axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护。 参考:GitHub上搜索axios,查看API文档二、使用axios发送AJAX请求1、安装axi
  • 1
  • 2
  • 3
  • 4
  • 5