Data binding in Vue template syntax
1. Single data binding
<div id="di">
<input type="text" :value="input_val">
</div>
<script>
var app = new Vue({
el: '#di',
data: {
input_val: 'hello world '
}
})
</script>
App.input_val ='vue'can be modified through the browser REPL environment
We can directly affect DOM elements by modifying dat ...
Posted by Robert Plank on Sat, 09 Nov 2019 07:04:25 -0800
Flutter Basics
The first time I came into contact with Flutter was on mooc.com. I saw Flutter in Android course. At that time, I thought what kind of grammar it was, and I could write mobile terminal. Later, I saw the introduction of nuggets and knew that saltfish was developed with Flutter. I felt it was very powerful. I found this ...
Posted by djwinder on Sat, 09 Nov 2019 06:57:23 -0800
Website deployment https certificate
1. HTTPS certificate:
htttps is different from http because it has more encryption, authentication, authentication and security from asymmetric encryption and third-party CA certificate;
The working principle is as follows:
First, the client generates a random number and sends it to the server;
The server generates a random number and sends ...
Posted by ajpasetti on Sat, 09 Nov 2019 06:45:40 -0800
Vee validate parent component gets the verification result of child component form
Vee validate is a form verification framework tailored for Vue.js, which allows you to verify the input and display the corresponding error message. It has built-in many common verification rules, which can be used in combination. In most scenarios, you only need to configure them to realize out of the box use, and also support custom regular e ...
Posted by el-sid on Fri, 08 Nov 2019 12:29:25 -0800
Communication between parent and child components of vue
I. data transfer from parent component to child component
1. Form parent-child relationship first
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="../js/vue.js"></script>
</head>
<body>
<div id="app">
& ...
Posted by txmedic03 on Fri, 08 Nov 2019 06:46:44 -0800
Record a difficult background reconstruction
There is a requirement that the original background needs to be reconstructed. The front end is shown as follows:As you can see, this one has the function of adding and deleting, and it needs to grow like this. The data format given by the back end is simplified to:
{
"data": {
"path": "data",
"type": "dict",
"showNa ...
Posted by majocmatt on Fri, 08 Nov 2019 01:11:52 -0800
div simulates textarea text box, input text highly adaptive, and realizes word count and limit
Demand:
The text box can be highly adaptive according to the input content, without scroll bar and variable height. I searched a lot and found that textarea can't meet my needs, scrollheight can't get the actual content height (I used the simple one, maybe I wrote the wrong one; I didn't want to do that with a lot of code, trouble ...
Posted by methyl_blue on Thu, 07 Nov 2019 13:53:55 -0800
axios solves cross-domain problems (Vue3.0)
1. What is cross-domain
1. Cross-domain
Refers to the fact that the browser cannot execute scripts from other websites.It is caused by the browser's homology policy and is a security restriction imposed by the browser on javascript.
2. Homology Policy
The term refers to protocols, domain names, and ports that all have the same. One of these dif ...
Posted by mastercjb on Thu, 07 Nov 2019 05:43:45 -0800
vue basic animation
Do not use animation
<div id="app">
<input type="button" value="toggle" @click="flag=!flag">
Requirements: click the button to display h3, and then click to hide h3 -- >
< H3 V-IF = "flag" > this is an H3</h3>
</div>
// Create Vue instance to get ViewModel
var vm = new Vue({
el ...
Posted by lobski on Tue, 05 Nov 2019 10:58:16 -0800
element+vue implementation interface dynamic add form
First, make sure that your development environment is the vue+element framework. And then we can start
Add a button to open the modal box< El button type = "primary" @ Click = "handleskuproperties" > SKU properties < / El button >
To design a component for dynamically adding forms, I u ...
Posted by cafrow on Tue, 05 Nov 2019 10:15:55 -0800