Page 103-uni-app Programming Tutorials: Learn uni-app Online-php.cn

Article Tags

uni-app

Home

Technical articles

Web Front-end

uni-app

Does uniapp support writing components?

UniApp is a cross-platform development framework that supports development using Vue syntax. In UniApp, components are a very important concept because components can encapsulate some functions together to facilitate sharing among multiple pages. Components in UniApp are developed based on Vue components, so developers can use Vue syntax to write components. A standard UniApp component usually includes three files: a .vue file, a .js file and a .json configuration file. The .vue file is the template file of the component, where

Apr 20, 2023 pm 01:49 PM

Where is the uniapp running configuration?

Where is the uniapp run configuration? Uniapp is a cross-platform application development framework that can build Android, iOS and Web applications simultaneously. Before proceeding with uniapp application development, some necessary running configurations need to be completed. 1. Install Node.js Node.js is an open source server-side JavaScript runtime environment. Node.js needs to be installed on your computer to run and develop uniapp applications. You can download the latest version of No from the Node.js official website

Apr 20, 2023 pm 01:49 PM

Does uniapp support cookies?

In mobile application development, Uniapp has always been a cross-platform development framework that has attracted much attention. It allows developers to develop applications on various platforms based on one code. When developing Uniapp applications, we often need to save the user's login status so that the last status can be maintained the next time they log in. So the question is, does Uniapp support cookies? First of all, it needs to be clear that cookie is an important concept in the HTTP protocol. It is a small piece of text information sent by the server to the browser. When the user accesses

Apr 20, 2023 pm 01:49 PM

How to extend Uniapp's native capabilities

As a cross-platform development framework, Uniapp can help developers achieve multi-terminal application development through a set of codes. However, sometimes we may need to use some native functions, such as push, payment, positioning, etc. At this time, we need to expand the native capabilities of Uniapp. This article will introduce how to extend Uniapp’s native capabilities. 1. What is Uniapp native extension? Uniapp is a cross-platform development framework. In most cases, we can use Uniapp's own API to implement application functions. but

Apr 20, 2023 pm 01:49 PM

What to do if uniapp fails to upload pictures from real machine

In recent years, with the popularity of mobile Internet, the development of mobile applications has attracted more and more attention. The emergence of front-end frameworks has greatly improved the development efficiency of mobile applications. As a front-end development framework, Uniapp aims to solve the pain points of multi-terminal development and allow developers to more conveniently develop applications with cross-platform capabilities. But at the same time, some problems have also arisen. This article will discuss the issue of Uniapp's real machine failure to upload pictures. 1. Problem Description Uniapp is based on the Vue framework and uses the HBuilder compiler.

Apr 20, 2023 pm 01:49 PM

How to use uni.request() method to request data and display it in UniApp

UniApp is a development framework that supports writing once and publishing on multiple terminals, which can help us quickly develop applications that support multiple platforms. In UniApp, we can use JavaScript language for development, and can make network requests through the uni.request() method to obtain background data. This article will introduce how to use the uni.request() method to request and display data in UniApp. 1. Request data in UniApp using the uni.request() method to send the network

Apr 20, 2023 pm 01:49 PM

How to make data request in uniapp

Foreword uniapp is a cross-platform application development framework that supports one-time development and multi-terminal release, including WeChat applet, H5, iOS and Android. It is a good tool for building multi-terminal applications. When developing with uniapp, one of the most commonly used functions is to request data and render the data onto the page. So, how to make data requests in uniapp? Let’s explain step by step below. Step 1. Introduce the `uni.request()` method first, in the `vue.js` file

Apr 20, 2023 pm 01:49 PM

How to select and change styles in Uniapp

With the continuous development of the mobile Internet, the gap between native applications and web applications has gradually narrowed. A cross-platform development framework called Uniapp has emerged and has become the tool of choice for many developers. In Uniapp, similar to CSS style sheets in web development, we can use styles to modify the UI effects of components; during the development process, we usually encounter situations where we need to change the style of a component based on its selected state. This article We will introduce how to use Uniapp to change the selected style. 1. Use v-bind to bind the style in

Apr 20, 2023 pm 01:49 PM

How to implement the top tab in UniApp to switch different data

With the popularity of mobile applications, most applications require a tab function so that users can easily switch between different tabs and display different data. In the UniApp framework, switching between different data on the top tab is also very simple. This article will introduce in detail how to implement the function of switching different data on the top tab in UniApp. ## 1. Basic idea The idea of switching different data on the top tab in UniApp is very simple, which is to switch different data by clicking on the tab. In implementation, we need to use two components:- `

Apr 20, 2023 pm 01:49 PM

Which products are made with uniapp

With the development of mobile Internet, the development of cross-platform applications is becoming more and more popular among developers, because cross-platform applications can greatly reduce development costs, save time, and allow developers to focus more on the development of business logic. As a well-known cross-platform development framework in China, Uniapp has been adopted by many companies and individuals. So, which products are developed based on Uniapp? 1. Enterprise-level applications 1. Hanglv Zongheng: This is a supply chain enterprise focusing on travel services. It not only provides services such as booking flights and hotels, but also creates a Uniapp-based

Apr 20, 2023 pm 01:49 PM

How to encapsulate network request methods in the uniapp project

With the advent of the mobile Internet era, APP has become an indispensable part of people's lives. In order to provide better services and user experience, the use of network requests in APP has become an indispensable link. How to effectively encapsulate network requests and improve code reusability and maintainability has become an important topic. This article will introduce how to encapsulate the network request method in the uniapp project. 1. Network requests in uniapp The uniapp framework is developed based on the Vue.js framework, so the network requests in uniapp

Apr 20, 2023 pm 01:49 PM

How to change the properties of controls in Uniapp

Uniapp changes control properties Uniapp is a cross-platform front-end framework. Its power is that it can run the code on different platforms, such as Android and iOS, after writing it once. During the development process, we often need to change the properties of the control, including style and text content. So how to change the properties of the control in Uniapp? 1. Changing text content Changing text content is one of the most commonly used operations in our development. Controls in Uniapp are wrapped with {{}}. We can use {{}} to bind data.

Apr 20, 2023 pm 01:49 PM

How to convert small program to uniapp

In recent years, mini programs have gradually become a fashionable technical solution. The emergence of small programs has provided developers with a brand new production method. At the same time, with the development of small programs, some corresponding problems have also begun to arise. Among them, the application development bridge between mini programs and uniapp is of great interest to everyone. In the following, we will introduce in detail how to convert a small program to uniapp. 1. What are mini programs and uniapps? Mini program, also known as mini program application or WeChat mini program, is a mobile application designed to provide micro-services for systems running in specific software.

Apr 20, 2023 pm 01:49 PM

How to use uniapp to implement long press pop-up deletion operation

For more and more apps nowadays, long pressing an element to pop up an operation has become a very common operation method. Today, we will talk about how to implement long-press pop-up deletion in development using uniapp. 1. Define elements in HTML First, we need to define the elements that need to be operated on in HTML. In this example, we can use `v-for` to generate a list, and then each list item should contain the action we need, such as a delete button. The HTML code is as follows:

Apr 20, 2023 pm 01:48 PM