the effect I want:
:
:<span v-for="item in list.participant">{{item.name}}</span>
how to achieve it?
the effect I want:
:
:<span v-for="item in list.participant">{{item.name}}</span>
how to achieve it?
<span>{{list.participant.map(i=>i.name).join(',')}}</span> p span:after {content: ",";}
p span:last-child:after {content: "" }
this is easy to operate
deal with it with spilt
:<span v-for="(item, index) in list.participant" :key="index">{{index === list.participant.length - 1 ?item.name : item.name + ','}}</span>
I simply modified
http://jsrun.net/DyXKp/edit
Previous: How to solve the problem of repeatedly submitting by clicking the button
Next: How to resolve the conflict between yarn of hadoop and yarn of node
requirements are as follows: click the addFisrt button to add the content of the first component, click addSecond to dynamically add the content of the second component and can add without limit ~ ask the great gods to provide ideas and methods ~ thank ...
write a public method to be introduced in the module in js, but the browser says it s not defined is what I m missing? ...
var app3 = new Vue ({ el: -sharpitem , data:{ item_data:[ ], }, computed:{ }, methods: { } }); I want to change the item_data of vue when I click. This is the data. If it can be printed, it is rendered on the page. goods_box is li...
using the vue project packaged with webpack, the main.js in the dist directory has a large number of base64 characters. what is the cause of this? ...
When the project uses tree to display information, sometimes the user needs to select only one value, that is, radio selection. the ui framework of iview is used in the project. If I only have to select a single node, checkbox can only choose one e...
vue Click to add class to dom and then get the dom with class < div class= "chose-ck " VMI for = "(item,index2) in colors ": key= "index2 " ref= "chosebox " > {{item.name}} &l...
the current project uses vue and element to do, and finds a problem. After entering the current page, it will request an interface with 3000 + pieces of interface data, and then send the data to element-ui to render the select, (page rendering will not ...
as shown in the figure, after clicking to continue for consultation, you will return to the previous page (mostly with scrollbars). The desired effect is to return to the bottom of the previous page (as shown in figure 2). The current problem is: ...
now there is a list page, and the list is searchable, and the results are displayed after the search. Because except for the data source, the search result page and the list page are exactly the same, so can you reuse the same component by binding diffe...
paste the structure code: hasVerticalScroll has a value for true,scrollerHeight, if I set overflow-y:auto; for class menu-wrapper and foods-wrapper The style is also completely fine, and the print better-scroll initialization is also fine. add: I found...
has recently done a vue project-video upload function. requirements goes like this: when the user opens the page, there will be a button to turn on the camera. When the user clicks the button, the mobile camera will be turned on to take pictures of t...
after the project has been written, how to make the software supported by Android iOS? ...
< script src= ".. vue.js " > < script > <title>Document< title> <style> .fade-enter{ opacity: 1; } .fade-enter-active{ transition: opacity 3s; } < style> < head > < body > <div id=&qu...
I have defined two < input > input boxes in Vue component. I want to bind the value of these two input boxes to the parent component with v-model, but I have only found a way to bind one. What should I do if I bind two each? the following code changes...
<template> <div class="warpper"> <button @click="alert">test< button> <ul > <li ref="lk" key="22">lk< li> <li ref="lk&...
how can JS or vue implement a real-time animated mobile function similar to that of Didi Taxi? Now I don t have any ideas at all. I beg for the popularization of science! ...
plugin address: https: spiritree.github.io v.github address: https: github.com spiritree . how do I display the picture on the node? How to implement click events on nodes? ...
problem description the plug-in found on the Internet is called print-js, and then keeps reporting errors according to the example, (0, _ printJs2.default) is not a function the environmental background of the problems and what methods you have trie...
currently developing APP, with VUE wants to achieve the effect of Wechat opening external links as shown in the picture (APP embedded with external web pages). Before, I have tried to find a lot of BUG after iframe publishes APP on IOS ....
the use of iview, in which I want to register the component with a upload upload button, but with the render function, I can t write. I haven t written it after trying for a long time. Boss, take a look at it . { align: center , title: , render...