A toash component, the time I set is 1800 milliseconds, and a project has N pages using toash. If one day the product asks me to change it to 3000 milliseconds, then I have to change it one by one. Is there a good solution?
<toast
v-model="msg"
type="text"
:time="1800"
position="top"
text="">
</toast>the easiest way is for you to set
in the component.props:{
time: {
type: Number,
default: 1800
}
}it is best to set a global variable. Then make a
data.js
export const TOAST_TIME = 1800import {TOAST_TIME} from '........./data'
props:{
time: {
type: Number,
default: TOAST_TIME
}
}
then you can change it if it is not 1800 special when you pass it in
1. Create a js: of configuration variables
export const TIME = 18002. Import this file variable in the required vue file
import {TIME} from './config.js'
in main.js , write window.TOAST_TIME = 1800
also use window.TOAST_TIME directly to OK
simple and rude
Hey, hey
Don't be misled by me, landlord
the elegant implementation is definitely to package the toash and make it the components, of vue, so that you can write once in this component, introduce the component where you want to use it, and make some parameters into props, that can be customized in every place where the component is called. Wouldn't it be nice
you can use layer.msg ()
< toast
v-model="msg"
type="text"
:time="time"
position="top"
text="">< / toast >
as a child component, the time when the props receives the time parent component passed by the parent component can introduce a global variable, which can be defined in main.js window.TOAST_TIME = 1800
demand is 1: 15 days after the current time is banned, 2: the date range can only be within 7 days. If the start time is the 2nd, the end time cannot be greater than the 8th, and the rest display mouse display is disabled . have you ever done it, ...
We use wepy to develop Mini Program. The development environment and production environment are different domain names. Cut and return the domain names according to the needs of the environment. does not seem to find the relevant configuration in wepy.c...
The page is shown in the figure the question now is: after I click Delete, how can I tell how much id I deleted? HTML Code: <div id="app" class="container"> <table class="table table-hover"> ...
vscode paste will have an extra line of space after it. How to solve this problem? ...
addPermission:function(){ this.$validator.validateAll().then((result) => { if(result){ var finalPath = this.new_path1 + ":" + this.new_path2; console.log(finalPath); underfine } ...
as shown in the figure, the control navigation of this button shrinks. 1. As soon as the page opens (that is, after logging in), this button doesn t work at all. 2. But after the F5 refresh, this button works. 3. So I tested the code locally ...
A created page can be opened for the first time. However, after the input data is submitted, the second time you open input, you will display the previously entered data and I didn t set the yellow background to run out automatically. The projec...
I have not learned webpack, to learn vue scaffolding as soon as I started. I have done projects independently and packing is normal. Do I answer this question in the interview or not? ...
first of all, the interface looks like this : 1.elementUI 2.: - 3.: - Mayabeque 4.Mayabeque according to the normal logic, I deleted the country, and the corresponding province should be deleted automatically. <el-select v-model="coun...
just started contact with Vue and ElementUI, recently encountered problems in the development process and experienced all kinds of painful debug. Let s get to the point: it seems that you can t transfer files here, so I ll just paste the code: <...
read the official document and was really deceived. ...
< div id= test > asdfgh < span class= cancel-btn > < div > how do you get only asdfgh if you want to get it? You can use either jquery or native js. Thank you, guys. Thank you. ...
if it is a global registration, so that I do not have to introduce each page one by one, isn t it very convenient? Why don t so many people recommend global components? ...
...
the official document is as follows: <checklist title="" :options="commonList" v-model="fruitID">< checklist> {{fruitID}} commonList:[ China , Japan , America ] but the actual project data wi...
Why can t you press the regional prompt only by the city prompt ...
is doing a tagging module, as follows: my problem: I can choose the same tag the effect I want: the tag cannot choose the same my first thought is to use v-if to determine whether two arrays have the same data, so that they can show and hide, but...
<input type="file" multiple accept="image png,image gif,image jpeg" @change="getFile($event)"> input getFile:function(e){ this.file = e.target.files; }, creation:function(){ console.log(this.file); ...
as shown in the figure: normal status: : this page uses iscroll to roll down. I don t know if it has any effect. Only in Wechat built-in browser (QQ Browser) will appear this problem, other browsers are normal, ask Daniel, how to deal with compati...
one button, one input <button>Upload< button> <input type="file" multiple> clicking input will pop up the upload window but the effect I want: clicking button will pop up the input upload window. How can this be achieved ...