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

  • What happens when uniapp third-party login does not display?
    What happens when uniapp third-party login does not display?
    Recently, some UniApp developers found that the login button could not be displayed properly when using third-party login. This problem not only troubles developers, but also inconveniences users. So, what are the reasons for this? How to solve it? 1. Possible reasons 1. The third-party login plug-in version is too low. When using third-party login in UniApp, it usually requires the help of plug-ins. If the plug-in version is too low, some problems may occur. Therefore, developers need to update plug-ins in a timely manner to ensure that the plug-in version is the latest. 2. Third-party platform configuration
    uni-app 923 2023-04-23 09:31:17
  • How to view the error log of uniapp development
    How to view the error log of uniapp development
    Developed error logs With the continuous advancement and development of mobile application development technology, more and more developers are beginning to choose to use Uniapp to develop their own applications. Uniapp is a development tool based on the Vue.js framework. It has cross-platform characteristics and can output multiple versions of H5, mini programs, Apps, etc. at the same time. It has gradually become one of the main trends in mobile application development. However, as development continues, developers will inevitably encounter various problems, the most common of which is the inability to run due to errors in the application. in this case,
    uni-app 2224 2023-04-23 09:28:02
  • Let's talk about the global method of uniapp navigation bar button
    Let's talk about the global method of uniapp navigation bar button
    With the rapid development of mobile applications, more and more developers are beginning to use Uniapp based on Vue.js to develop cross-platform applications. The Uniapp navigation bar button is also a very commonly used component in applications. In applications, it is often necessary to add buttons to the right or left side of the navigation bar to implement functions such as jumps and operations. This article will introduce how to use global methods to control navigation bar buttons in Uniapp. 1. Define the global navigation bar method. In the Uniapp framework, the navigation bar buttons may be used on each page. In order to facilitate management
    uni-app 1639 2023-04-23 09:27:47
  • A brief analysis of the problem that uniapp calls view tags without line breaks
    A brief analysis of the problem that uniapp calls view tags without line breaks
    Recently, in the process of developing small programs using uniapp, I encountered some problems with view tags not wrapping. This article will share the solution to this problem. When using uniapp, we often use the view tag for page layout, but sometimes during the page layout process, we find that even if the content in the tag occupies a whole line, the tag will not automatically wrap. It will cause the page width to overflow. At this time, you need to use some techniques to solve this problem. 1. Use flex layout to add fl to the view label
    uni-app 2824 2023-04-23 09:26:45
  • How to introduce external methods in uni-app
    How to introduce external methods in uni-app
    During the development process using uni-app, we often encounter situations where we need to use external methods. At this time, we can expand the functionality by introducing external methods. This article will introduce how uni-app introduces external methods. 1. Introduce JS files We can create a new js file in the pages directory of the uni-app project, write the external methods we define in this file, and then introduce them in the pages that need to reference the external methods. For example, we created a new file named test in the pages directory.
    uni-app 2016 2023-04-23 09:24:51
  • When did uniapp come out?
    When did uniapp come out?
    Uniapp is a cross-platform application development framework that can quickly develop applications for multiple platforms, such as WeChat mini-programs, Alipay mini-programs, H5, App, etc. The emergence of Uniapp allows developers to use a set of codes to develop applications that are suitable for different platforms at the same time, improving development efficiency and reducing development costs. The development team of Uniapp is DCloud (Shenzhen Touch Space-Time Network Technology Co., Ltd.). In the first half of 2018, the first version of Uniapp was released. At that time, Uniap
    uni-app 1285 2023-04-23 09:23:48
  • How to get the value of uniapp text box
    How to get the value of uniapp text box
    uniapp is a cross-platform development framework that can simplify the process of developers developing applications on multiple platforms and improve development efficiency. The text box is one of the commonly used components when developing applications, and how to get the value in the text box is a very common problem. This article will introduce how to get the value in the text box in uniapp. 1. Use v-model to implement two-way data binding. In uniapp, you can use the v-model directive to implement two-way data binding. Add the v-model directive to the text box and compare the value of the text box with vu
    uni-app 2162 2023-04-23 09:23:15
  • Let's talk about the problem of clicking on a blank space in uniapp without losing focus
    Let's talk about the problem of clicking on a blank space in uniapp without losing focus
    With the continuous development of mobile and web terminals, developers' usage scenarios are becoming more and more diverse, and they are also constantly looking for more efficient development tools and frameworks. Uniapp is a full-stack development tool that integrates multiple platforms. , playing a huge role in the field of cross-platform development. During development, we often encounter some small problems. For example, in uniapp development, we often encounter the problem of clicking on a blank space without losing focus. This article will introduce how to solve this problem. UniApp is a set of cross-platform development based on the Vue.js framework.
    uni-app 1699 2023-04-23 09:22:18
  • How to disable return login in uniapp
    How to disable return login in uniapp
    With the rapid development of mobile applications, more and more enterprises and individuals are choosing to use mobile applications as their main business platform. Among them, uniapp, as a cross-platform development framework, is favored by many developers. uniapp can develop applications for both Android, iOS and other platforms, and has extremely high cross-end performance. It is known as another development artifact after H5. However, there are also many problems in the development of uniapp applications. Among them, the problem of prohibiting the application from returning to the login interface has become a need of the majority of developers.
    uni-app 1698 2023-04-23 09:21:47
  • What's wrong with dynamically adding images to uniapp static files but not displaying them?
    What's wrong with dynamically adding images to uniapp static files but not displaying them?
    With the continuous development of mobile applications, people's demands for applications are becoming more and more diverse. They are not limited to a single function, but also require applications to present richer, dynamic, and personalized interfaces and effects. As a mobile development framework with excellent functions and experience, uniapp just meets this demand. However, during development using uniapp, we may encounter such a problem: dynamically added images in static files cannot be displayed. This may cause problems with our application interface and seriously affect the user experience. Below I will start from the static file image
    uni-app 2565 2023-04-23 09:19:39
  • Where is the uniapp click event written?
    Where is the uniapp click event written?
    uniapp is a cross-platform framework developed based on Vue.js. It aims to achieve the goal of one-time development and multi-platform operation. It is compatible with almost all mainstream mobile device operating systems on the market. When developing a uniapp application, click events are an integral part of the development process. This article will discuss where the click events in uniapp should be written. In uniapp, you can use the v-on directive to add click events. Normally, we will write the click event in the script of the page. for example
    uni-app 1335 2023-04-23 09:18:44
  • What to do if uniapp weex reports an error
    What to do if uniapp weex reports an error
    With the popularity of mobile applications, cross-platform development frameworks have also emerged. UNIAPP and Weex are currently two popular cross-platform development frameworks. They can all be used to develop mobile applications for multiple platforms, including iOS, Android, Web, etc. However, developers encounter various problems when using these frameworks. One of the most common problems is reporting errors. This article will explore the reasons why Uniapp and Weex report errors and how to solve these problems. 1. The reason why Uniapp reports errors. Uniapp uses Vue technology
    uni-app 1415 2023-04-23 09:16:40
  • How to set attribute type in uniapp component
    How to set attribute type in uniapp component
    In uniapp development, components are the basic building blocks for building applications, they can be reused and organized into hierarchies. When creating a component, we often need to define the properties of the component to achieve customization. These properties may be of different types such as string, number, boolean, etc. This article will introduce how to set the attribute type in the uniapp component. 1. Prop attribute In uniapp, the attributes of components are defined through prop. In the component's vue file, you can specify the component's property list through the props attribute. For example: ``
    uni-app 2096 2023-04-23 09:15:47
  • What to use for uniapp chat
    What to use for uniapp chat
    With the popularization of mobile Internet, instant messaging functions have attracted more and more attention from users, and chat applications have also emerged. How to implement chat functions in uniapp has become a new problem for developers. This article will discuss what technical solution you should choose when implementing the chat function in uniapp. 1. Websocket technology Websocket is a full-duplex communication protocol and is widely used in chat applications. Compared with HTTP request/response mode, websocket is more efficient and easier to implement. websoc
    uni-app 1130 2023-04-23 09:15:14
  • Do uni-app developers need to learn the Vue framework?
    Do uni-app developers need to learn the Vue framework?
    In recent years, with the rapid development of the mobile Internet, mobile application development has gradually become one of the popular technical fields. Many developers and companies have developed their own mobile applications to improve their competitiveness. In order to meet the needs of rapid iteration and multi-platform development of mobile applications, developers have also actively explored some new solutions, among which uni-app is a widely used cross-platform development framework. So, do uni-app developers need to learn the Vue framework? The Vue framework is the basis of uni-app uni-app is developed by DCl
    uni-app 1350 2023-04-20 15:09:52

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