npm install vue-layer Quick Start 在程序入口添加 import Vue from 'vue'; import layer fr
转载
2020-02-28 10:01:00
317阅读
2评论
# Vue Layer 中的 jQuery 报错问题解析
在前端开发中，我们常常会结合使用多个库和框架来实现复杂的功能。在众多技术栈中，Vue.js 是一个非常流行的 JavaScript 框架，而 jQuery 则是一个经典的 JavaScript 库，常用于 DOM 操作及事件处理。当我们在 Vue 项目中使用 layer 插件，并且偶尔会遇到“jQuery is not defined”的
安装：下载源码到本地layer: 丰富多样的 Web 弹出层组件，可轻松实现 Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips 等等几乎所有的弹出交互。目前已
原创
精选
2023-06-05 13:57:31
1899阅读
最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿layer-mobile的，很多用法都一样，可以看看哦！ 一、npm 安装 // 当前最新版本 1.2.0 npm insta
转载
2019-12-20 17:52:00
374阅读
2评论
使用场景 由于layer可以独立使用，也可以通过Layui模块化使用。所以请按照你的实际需求来选择。不同点作为独立组件使用Layui模块化使用用前准备如果你不想使用Layui，而只是想使用layer，你可以去layer独立组件官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本，并引入layer.js。如果你使用的是Layui，那么你直接在官网下载layui框架即可，无需引入jQu
转载
2024-05-22 14:17:51
88阅读
//eg1layer.msg('只想弱弱提示');//eg2layer.msg('有表情地提示', {icon: 6}); //eg3layer.msg('关闭后想做些什么', function(){ //do something}); //eglayer.msg('同上', { icon: 1, time: 2000 //2秒关闭（如果不配置，默认是3秒）}, function(){ /
原创
2023-02-21 00:20:33
947阅读
在日常工作中，常常会遇到下面这样的需求 我们需要对上面的tab做处理，点击相应的tab就显示相应的内容 不封装组件写法 最原始的写法<div class="tab-container">
<ul class="nav nav-tabs">
<li name="tab1" class="active"><a href="java
转载
2024-06-04 11:31:07
39阅读
在iOS开发中，使用Layer来优化页面的显示和交互效果已经成为一种趋势。然而，很多开发者在面临“iOS layer加个layer”的情况时，往往会感到困惑，这种情况下，我们如何有效地解决这个问题呢？接下来，我将详细阐述解决“iOS layer加个layer”问题的过程，包括技术原理、架构解析、源码分析、应用场景及案例分析。
## 背景描述
在**2022年**，我在一些项目中发现，随着UI的
Composition API 提供了两种在组件中引入响应式状态的方式。因此，你需要在 ref()、reactive() 之间决定使用哪一个，或是两者都用。本文将帮助你做出正确的选择，但让我们先快速介绍一下这两种方式。快速介绍ref() 和 reactive() 用于跟踪其参数的更改。当使用它们初始化变量时，是向 Vue 提供信息：“嘿，每次这些变量发生更改时，请重新构建或重新
转载
2024-08-05 21:40:22
142阅读
1、v-on:click='num++'：绑定数据对象中num值；2、@click='num++'：v-on缩写，绑定数据对象中num值；3、@click='handle'：绑定函数对象handle；4、@click='handle()'：绑定函数handle; <!DOCTYPE html> <h ...
转载
2021-07-20 11:18:00
215阅读
2评论
【前言】
新创建的vue项目的main.js中，App组件的渲染用了render方法来实现组件的渲染。模板渲染除了开发常使用的template之外，还有render方法。当把main.js中的模板改成render方式，会发现控制台报错。
【目标】1.render方法与template区别;
2.了解render方法的使用方法;
3. createElement的使用方法;已有template模板渲
vue指令指令式带有 v- 前缀的特殊特性v-text和v-html都属于指令将数据和dom做关联，当表达式的值改变时，响应式地作用在
原创
2021-07-15 16:26:42
119阅读
vue指令指令式带有 v- 前缀的特殊特性 v-text和v-html都属于指令 将数据和dom做关联，当表
原创
2021-07-25 15:54:51
107阅读
# 如何实现"vue axios用法"
## 整体流程
首先，我们需要安装axios，并引入vue项目中。然后，我们需要在vue组件中使用axios发送请求并处理响应。
### 步骤如下：
```mermaid
classDiagram
class 安装axios
class 引入axios
class 发送请求
class 处理响应
安装axios
原创
2024-05-30 05:28:28
24阅读
html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</ti
原创
2023-03-14 09:19:12
64阅读
1、父组件 2、子组件 即：需要触发事件（update事件）。但是设置变量的话，变量传递不到父组件中。 说明：在使用sync修饰符时，一定会使用update:变量来更新变量值。 仅仅是在父组件中少定义了一个自定义函数（否则可以使用this.$on('close')来触发变量值更新）。
转载
2018-07-16 15:14:00
135阅读
2评论
vue指令指令式带有 v- 前缀的特殊特性v...
转载
2019-10-31 08:43:00
92阅读
2评论
引入vue.js 尝试 Vue.js 最简单的方法是使用 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue： <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src=
原创
2022-08-22 17:45:03
85阅读
探索Vue-Resume：构建专业简历的新方式 vue-resumeResume template based on Vue项目地址:https://gitcode.com/gh_mirrors/vu/vue-resume 是一个基于前端框架Vue.js的开源项目，旨在帮助开发者和求职者快速创建、定制个性化且专业的在线简历。这个项目的独特之处在于它将现代Web技术和高效的内容展示融合在一起，使得简
转载
2024-09-19 15:31:41
44阅读
Vue2.0总结———vue使用过程常见的一些问题 Vue目前的的开发模式主要有两种：1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了webpack可以进行配置，配置多文件入口，进行多页面开发第二种Vue开发，结合webpack打包完文件会很大，怎么解决这个问题?1.webpack
