current location:Home > Technical Articles > Web Front-end > uni-app

  • What should I do if uniapp fails to call a subcomponent method?
    What should I do if uniapp fails to call a subcomponent method?
    Recently, when I was using uniapp to develop a small program, I encountered a problem: calling the subcomponent method failed. After some research and debugging, I found a solution and now share it with you. First, let's look at a scenario where we encounter this problem. A custom component is introduced into a page, and there is a method in the component that needs to be called externally. We can achieve this by defining the method in the methods of the component object and calling the method inside the component. However, when actually calling, we found that this method always returns a null value, as follows
    uni-app 783 2023-04-27 09:31:07
  • How to implement multi-level folding list in uniapp
    How to implement multi-level folding list in uniapp
    With the popularity of mobile applications, the way users display the interface is gradually diversified. It is no longer just a simple single-layer list, but a multi-level folded list. In the development of mobile applications, uniapp, as a cross-platform development framework, helps developers simplify the development process and improve development efficiency. In this article, we will explore how uniapp implements the functionality of multi-level collapsible lists. 1. Basic introduction to uniapp Uniapp is a cross-platform application framework based on the vue.js framework, which can achieve one-time development and multi-platform release.
    uni-app 2897 2023-04-27 09:30:42
  • What's going on when uniapp can't send via Bluetooth?
    What's going on when uniapp can't send via Bluetooth?
    With the development of the Internet of Things, Bluetooth technology is widely used in data transmission between various devices. In mobile application development, uniapp, as a cross-platform development framework, also encapsulates Bluetooth technology and integrates Bluetooth modules within its framework. However, in specific applications, when transmitting Bluetooth data through uniapp, the problem of "Bluetooth cannot be sent" sometimes occurs, which confuses developers. This article will analyze the possible causes of this problem from the following aspects and propose solutions. 1. Hardware issues When applying Bluetooth technology, hardware devices
    uni-app 2259 2023-04-27 09:30:27
  • Let's talk about mini program performance optimization set by uniapp
    Let's talk about mini program performance optimization set by uniapp
    With the popularity of mini programs, more and more developers are beginning to use uniapp to develop mini programs. Although uniapp is praised for its characteristics of "once development, multi-terminal operation", during development, it is still necessary to pay attention to the optimization of mini program performance. This article will introduce uniapp's performance optimization methods when setting up small programs, including image optimization, code compression, component streamlining, request merging, etc. 1. Image optimization 1. Image size: When using images, you should set the appropriate image size according to your needs to minimize the image file size and reduce
    uni-app 1822 2023-04-27 09:30:16
  • Which uniapp does not support mini programs?
    Which uniapp does not support mini programs?
    In recent years, mobile application development has become a popular area in the Internet industry, and the rapid rise of small programs has attracted widespread attention. As a development tool, the rise of uniapp cannot be ignored. However, uniapp is not fully compatible with all mini program functions. This article will introduce the small program functions that are not supported in uniapp and how to avoid encountering compatibility issues during the development process. First of all, it needs to be clear that uniapp is a cross-platform framework that can support the development of multiple terminals, such as Android, iOS, WeChat applets, payment
    uni-app 1050 2023-04-27 09:29:43
  • How to get WeChat steps in uniapp
    How to get WeChat steps in uniapp
    As technology continues to develop, smartphones have more and more functions. Among them, getting step count is one of the necessary functions for many sports applications and health management applications. For developers who use Uniapp to develop WeChat mini-programs, how to obtain WeChat step counts is an important issue, because WeChat step counts can help users better understand their exercise status and thereby better carry out exercise planning and health management. . This article will introduce how to get WeChat step count in Uniapp. 1. How to obtain WeChat steps. To obtain WeChat steps, you first need to understand how to obtain WeChat steps.
    uni-app 3205 2023-04-27 09:29:38
  • What should I do if the uniapp drop-down selection box does not work?
    What should I do if the uniapp drop-down selection box does not work?
    UNIAPP drop-down selection box does not work UniApp is a cross-platform framework developed based on Vue.js. It can be used to develop multiple platforms such as Web, small programs, H5 and App, simplifying the complexity of front-end development. However, in actual development, we sometimes encounter some problems, such as the problem that the drop-down selection box described in this article does not work. This article will explore why and how to fix UniApp dropdown selection boxes not working. Regarding the problem of the drop-down selection box not working, it is not very common in UniApp, but
    uni-app 2142 2023-04-27 09:29:20
  • How to get the height of the content in uniapp
    How to get the height of the content in uniapp
    Uniapp is a cross-platform development framework based on Vue.js, which can compile the same code into applications for multiple platforms. Among them, for content presentation on different platforms, the height may need to be dynamically adjusted. In Uniapp, you can get the height of the content through the following methods: 1. Use the uni.createSelectorQuery() method. The uni.createSelectorQuery() method is one of the APIs in Uniapp to get component information. You can get the component's height.
    uni-app 5688 2023-04-27 09:28:34
  • How to solve the positioning error in uniapp image preview
    How to solve the positioning error in uniapp image preview
    Recently, I encountered some problems when using uniapp to develop a picture preview function. Specifically, when calling the built-in image preview component of uniapp, the positioning of the image is offset, which is very annoying. After much troubleshooting and research, I finally found the solution. Share my experience, hope it can be helpful to everyone. Problem description First, let's look at the specific problem manifestation. When using the `uni.previewImage` method to preview images in uniapp, the images are misaligned. As shown below:!
    uni-app 1114 2023-04-27 09:27:37
  • How to save chat history in uniapp
    How to save chat history in uniapp
    With the popularity of mobile Internet, people are increasingly relying on chat applications on their mobile phones. Chat records have become more and more important whether in work or in life. In Uniapp, if you need to save chat history, you can use the following method. 1. Data storage Uniapp supports using local storage to save chat records. This method is simple and easy. In the chat interface, when a user sends a message, the sent message can be saved in local storage first. The specific implementation method is: 1. Use localStorage in vue to store the sent message
    uni-app 1775 2023-04-27 09:26:58
  • What editor to use for uniapp framework
    What editor to use for uniapp framework
    With the development of mobile Internet, more and more developers choose to use the uniapp framework to develop cross-platform applications. But in the process of using this framework, it is also important to choose a suitable editor. This article will introduce the most suitable editor for the uniapp framework, as well as some specific usage tips. 1. What is uniapp If you don’t know the uniapp framework yet, let me first give you a brief introduction to its origin. uniapp is a cross-platform application development framework based on Vue.js launched by dcloud. pass
    uni-app 1417 2023-04-27 09:26:22
  • What to do if uniApp images are slow to load
    What to do if uniApp images are slow to load
    uniApp is a cross-platform development framework through which we can quickly develop multi-terminal applications. However, many uniApp developers will encounter a problem during the development process: slow loading of images. In this article, we will share how to solve this problem. 1. Cause Analysis There are many reasons why images load slowly. Here are some of them: 1. The image size is too large. Images that are too large will cause long loading times, so when using images, you should try to choose images of a moderate size. 2. Network problems. If the network is not good, the image loading speed will become very slow or even impossible.
    uni-app 4802 2023-04-27 09:25:52
  • How to log in to the backend of multiple mini programs in uniapp uniformly
    How to log in to the backend of multiple mini programs in uniapp uniformly
    In recent years, with the continuous growth of the WeChat ecosystem, mini programs have become an extremely popular form of mobile applications. In the development process of small programs, uniapp has become a popular cross-platform development framework. However, when we need to develop multiple sets of background services for different mini-programs, how to achieve unified user login and data synchronization becomes very critical. This article will introduce how to use uniapp to develop multiple small program backends and achieve unified user login and data synchronization, making the development process more convenient. 1. uniapp develops multiple sets of small programs
    uni-app 1806 2023-04-27 09:24:55
  • How to set the navigation bar in uniapp
    How to set the navigation bar in uniapp
    Uniapp is a cross-platform application development framework developed based on the Vue.js framework. It supports multiple platforms, including iOS, Android, H5, and various applets. In this framework, setting the navigation bar is a common requirement. This article will introduce how to set the navigation bar in Uniapp. 1. The basic concept of the Uniapp navigation bar. In traditional mobile application development, the navigation bar refers to a row of columns located at the top of the application, used to display the title and menu items of the application.
    uni-app 8790 2023-04-27 09:24:22
  • How to set font in uniapp
    How to set font in uniapp
    In recent years, the mobile application market has become more and more popular, and developers are constantly looking for new technologies and tools to improve development efficiency. As an excellent cross-platform development framework, Uniapp has been widely used. In the process of developing Uniapp applications, setting fonts is a very important issue. Today, this article will introduce to you how to set fonts in Uniapp. First of all, we need to make it clear that fonts are used for many purposes in mobile applications, such as text, buttons, titles, etc. The font setting methods for different purposes are also different. Next, we will
    uni-app 3915 2023-04-27 09:23:38

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28