vue radio box custom style and radio box value
First, let's look at the style of the radio box:
<div class="option" v-for="(option, ind) in item.surveyQuestionOptionList" :key="ind">
<input :value="option.selectid" type="radio" :id="'option' + item.qid + option.selectid" :name="item.qid" :checked="ind == 0">
<label :for="'option' + item.qid + option.selectid ...
Posted by Patty on Tue, 03 Dec 2019 01:06:01 -0800
JS daily question: what happened in new Vue()?
20190214 questions
What happened in new Vue()?
First of all, from the perspective of syntax, the new keyword represents the instantiation of an object in js language, while Vue is actually a class. Let's take a look at the source code
Source address https://github.com/vuejs/vue/...
// From the source code, we can see that the vue class is very ...
Posted by WhiteShade6 on Mon, 02 Dec 2019 11:31:05 -0800
Vue learn 6Vue event modifiers (once, prevent, stop)
<! -- prevent click event from propagating -- >
<a v-on:click.stop="doThis"></a>
<! -- submit event no longer reloads the page, preventing jump to another page -- >
<form v-on:submit.prevent="onSubmit"></form>
<! -- click event will only trigger once -- >
<a v-on:click.once="doThis ...
Posted by Nicholas Reed on Mon, 02 Dec 2019 01:15:27 -0800
Some things worth recording in the course of learning the course of the official website of Vue
Today, I saw a very interesting thing in the learning process on the official website. The specific effect is as follows:
The html code is as follows`<div id="app">
<label>
//Tag name: < input type = "text" V-model = "content" placeholder = "for example: work, learning" >
</labe ...
Posted by user___ on Mon, 02 Dec 2019 00:24:07 -0800
vue uses mockJs to simulate data
In recent years, I have been developing in Java, and I have forgotten about the front-end technology (actually, I don't know how to do it). Recently, I participated in a project written in VUE + element UI + springboot. Because of the uncertain demand, I drew a demo interface first, and I didn't want to write the data. So I went online to check ...
Posted by steveswt on Sun, 01 Dec 2019 17:23:28 -0800
Form options mutual exclusion (vue)
There is a demand recently:There are three multi selection boxes in the form, and their options are the same. However, if one of them is selected, it cannot be selected in the other two multi selection boxes.Such a question reminds me of the example of "putting table tennis in different boxes".
Upper code
// index.html
<!DOCTYPE h ...
Posted by bugsuperstar37 on Sun, 01 Dec 2019 10:25:01 -0800
Web front end - Vue.js prerequisite framework
image.png
Web front end - Vue.js essential framework (4)
Calculation properties:
<div id="aaa">
{{ message.split('').reverse().join('') }}
</div>
<div id="b">
<p>dashu: "{{ aaaa}}"</p>
<p>dashu: "{{ ddd}}"</p>
</div>
var vm = new Vue({
el: '#b',
data: {
aaaa: 'H ...
Posted by will on Sun, 01 Dec 2019 00:24:20 -0800
[5+App] third party sharing ideas
Hello everyone
On December 25, 2016, Christmas day, I was lovelorn
reality
1) App can share an article, an activity, etc. to a third-party platform2) display the corresponding title, content and links3) enter the corresponding link to wake up the App, and display the App download page when there is no client4) after being woken up, display the ...
Posted by portrower8 on Sat, 30 Nov 2019 19:53:43 -0800
Two way binding principle of VUE and its application
vue implements data hijacking through Object.defineProperty(). It mainly uses its set and get properties. If you are not familiar with it, Please click here for more usage.
You can see how to use it clearly in the following examples:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
&l ...
Posted by tjohnson_nb on Sat, 30 Nov 2019 16:41:27 -0800
vue3+typescript import external file
There are several ways to introduce external files into vue3+typescript
(eg: introduce echarts)
The first method:
1. script import in indext.html
<div id="app"></div>
<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts-en.common.min.js"></script>
2. Use on. vue page, declare first and then use
...
Posted by xProteuSx on Sat, 30 Nov 2019 13:38:37 -0800