< div class= "a" data-id="0" > {{state}} < / div >
< div class= "a" data-id="1" > {{state}} < / div >
< div class= "a" data-id="2" > {{state}} < / div >
0 Shipping 1 has been shipped 2 refund
div is looped out of the background data. How to return the corresponding value to the current state.
how to say. That"s how js used to be.
var arr= ["to be shipped", "shipped", "refund"]
arr [{{state}}], what does it say in vue?
list = [
{value: 0, label: 'shipping'},
{value: 1, label: 'shipped'},
{value: 2, label: 'refund'}
]
use v-for to traverse this list, to generate div
< div v talk for = "item of list" class= "a": data-id='item.value': key= "item.value" > {{item.label}} < / div >
you can try. I don't know if you said "return the corresponding value"
. I see what you mean. We usually use Filter, a Filter function, {{state | stateFilter}} function
to write Filter function
stateFilter (val) {
const arr=[''];
return arr[val];}
Next: What do you mean by these instructions at the bottom of the elementUI component? How do I use it?
For the project of vue, there are many data modules on the home page. You need to call different API to get the data, and the request will slow down the loading of the first screen. How to optimize it? ...
is the path wrong? solved: because the image path is wrong ...
there is no effect after clicking, the console does not respond, and the click event does not take effect. Code section: .list(v-for="(i,n) in lists" :key="n" @click="change(i.url)") {{i.name}} corresponding event: cha...
I want to introduce a complete js file into a vue file. So I don t think it s appropriate to use import to introduce all the content at once. then I tried two more methods (I don t know if there is one) 1. < script src= "type= " text javascript ...
on my page, I want to see this picture under this path (please don t say pass img, please read the title), a tag clearly. I tried it, but it didn t work. < input type= "file " > can only display file names on the page ...
I used prerender-spa-plugin for pre-rendering in the vuejs project. The code is as follows new PrerenderSPAPlugin({ staticDir: path.join(__dirname, .. dist ), routes: [ , help fee , help mnemonic , help agreement , hel...
how can the PC end be highly compatible? Generally speaking, our PC side only does width compatibility, if we want to do different resolutions, the display is the same. How do you do that? Is it possible to use rem?? background management system written...
problem description now it is time to develop a background article review function, which is required to completely restore the article. What is returned at the back end is a piece of html code. The article pulled from the Internet has an inline style...
during the interview, I encountered the following questions is tested correctly in the test environment, and a blank page appears in the formal environment. Because it is packaged in a framework, the code is compressed and breakpoints cannot be used ...
topic description ...
requirements: there are multiple Input input boxes in the form, each of which is input1, input2, input3. After the input1 input is complete, press the Enter key to automatically jump to input2. Similarly, press Enter to jump to input3 after input2 has b...
here is a mall decoration function, you can add different functional types of components, components can appear in different locations according to the location of the plus sign, and click to save and refresh. No, no, no. Like the natural flow, the posit...
the vue element-ui table component header does not occupy the entire row in the initial rendering. The actual application scenario is what happens when switching different tables through the tab tab component. How to solve this problem? The following fi...
my cell phone junk picture is a little blurry. But there is an obvious shadow in the middle navigation bar at the bottom. What is the reason for this? is there a solution (it only appears when it is pressed for a long time and then disappears in a second...