The problem of ternary operator in curly braces

backstage, give me a judgment type_name is divided into car dealers and models, car models take car_title, car dealers take title. Could you tell me how to judge in curly braces?

this is what I wrote, and I will report an error:

<span class="person_name">{{item.type_name == ""item.title:item.type_name == "" ? item.car_title:""}}</span>

< H6 > this is the data returned by the background: < / H6 >

{
    "id": 3,
    "uid": 1,
    "type_id": 2,
    "relation_id": 1,
    "create_time": "20180425 21:40",
    "car_title": null,
    "car_content": null,
    "car_pic": null,
    "title": "",
    "type_name": ""
}

Vue.js

Mar.07,2021

Ternary operation expression

<span class="person_name">{{item.type_name == '' ? item.title : item.type_name == '' ? item.card_title : ''}}</span>

use v-if to judge

<span v-if="item.type_name == ''" class="person_name">{{item.car_title}}</span>
<span v-if="item.type_name == ''" class="person_name">{{item.title}}</span>
<span v-else class="person_name">''</span>

usage

<span class="person_name">{{getTitle(item)}}</span>

getTitle (data) {

if(data.type_name == ''){
    return data.title;
}else if(data.type_name == ''){
    return data.car_title;
}else{
    return '';
}

}

-sharp 
a == 1 ? true : false
<span class="person_name">{{item.type_name == '' ? item.title : (item.type_name == '' ? item.car_title : '')}}</span>

vue code is written like this, oh ~

   the problem is described more clearly, which makes my skull ache. The layout is good, too.



Previous: How to obtain the transmission time from the wireless router to the mobile phone by Android
Next: What is the difference between new Vue ({}) and var app=new Vue ({}) in creating vue instances?







Vue introduces multiple components in vue-router by nesting named views, and does not refresh the same reference in other pages.

in router.js, because the breadcrumb component is used in multiple pages, the breadcrumb component is referenced by nested named views:
{
path: Manage ,
name: ,
component: function(res) {
require([ .. components common layo...


Vue-router
vue.js


Feb.26,2021




Wechat H5 sharing discovery icon and description invalidation
 wrote an H5 page. According to the official description of Wechat jssdk, it is found that the shared icons and descriptions are invalid. the code is like this ....


Wechat-public-platform
Wechat-js-sdk
vue.js
html5


Feb.26,2021




The vue project introduces particles.js to realize the particle effect, but there is a problem when switching pages?

In the vue-cli project, I directly introduced the particls library into index.html, and the related files are placed in the static directory .
<div id="particles-js">< div>
<script type="text javascript" src="s...


Front-end
javascript
vue.js


Feb.26,2021




When VUEJS receives the value from the server, it assigns a value to the array.

the data received on the server is [{ "name ": "TOM ", "age ": "16 "}, { "name ": "JACK ", "age ": "18 "}, { "name ": "marry ", "age ": "20 "}] I think there is something wrong with the loop code in html.
<ul v-for="item in items"...


Vue.js


Feb.26,2021




How to connect vue1.0 to qdQQ?
 how to connect vue1.0 to the domed components generated by qdQQ, is invalid when index.html introduces js, and clicks on the dom node, and cannot afford to call qq ...


Vue.js


Feb.26,2021




How do I use vue global filters?

create filter.js in the js folder in src assets main
...


Vue.js


Feb.26,2021




V-for outputs the field list.user.name. in the array list Background error report name is not defined
 < div vFFOR = "list in item " > < span VFF bindcharacters list.user.name > list.user.name outputs the name "Xiao Hong " in the view. However, the console will report that name does not define < div > those who are familiar with angular...


Vue.js


Feb.26,2021




What fullpage plug-in with arrows and dot navigation

as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you. the screenshot is uploaded, so let s just look at it.
nothing can be found in vueawesome.
...


Vue.js
html5
html
css


Feb.26,2021




Ask how to write slot in the render function of iview.

version: "version ": "1.1.4 ", problem description: in the table header, if you want to add the Tooltip component, if the Tooltip component does not use the slot slot, it will display normally, but when the content to be displayed is too much, using ...


Vue.js
iview


Feb.26,2021




I want to use Baidu's echarts in vue. Why did I introduce this library page and not show it?

just can t show it. Thank you very much for your advice.
...


Echarts
vue.js
javascript


Feb.26,2021




How does vue export all paged data

Front-end Xiaobai, a company internship, needs to export all the data in the paging to the excel table. After finding the answers, you only finish exporting the data on the current page. I would like to ask how to export the data of all pages. I tried t...


Vue.js


Feb.26,2021




The problem of failed verification by using graphic CAPTCHA when registering in vue

use axios for registration, use graphic verification code to verify whether it is correct, cannot be verified correctly, 1. Get the graphic verification code first
this.$http({
method: get ,
url: this.api + app platform getImgCo...


Graphic-CAPTCHA
CAPTCHA
vue.js
axios


Feb.26,2021




How the ElementUI tree control gets the selected node and the parent node (even if it is not all selected)

the demand has changed. Previously, you only need to submit the id array of the selected leaf node, and then you can get it directly through the official api [getCheckedKeys]. Now it is required to also pass the id of the parent node.
get stuck. Many ...


Element-ui
vue.js


Feb.26,2021




The problem of using the menu bar of iview frame in vue

as shown in the figure, I used the menu bar component of ivew in vue figure 1. I selected the content on the right side of the login log to display the contents of the login log, which is normal .
then I set up a @ click route on the account profile d...


Iview
vue.js


Feb.26,2021




The pull-up load of the Loadmore component in Mint-UI cannot be triggered.

< H2 > now there is a strange situation, that is, when I use the Loadmore component, the pull-up load is not performed, only the drop-down refresh is performed. It only executes every time I change the location of the component, but after I refresh it, i...


Mint-ui
vue.js
javascript


Feb.26,2021




Vue:localhost:8080/-sharp/register jump into localhost:8080/?-sharp/register?

localhost:8080 -sharp register ;
register();
:localhost:8080 ?-sharp register;ajax;;localhost:8080 ?-sharp register;home
: vue@;formform
...


Php
vue.js


Feb.26,2021




In vue, when the account input and password input of the login page communicate between two different components, how to use axios to verify whether it is necessary to create a new login interface at this time?

In vue, when the account input and password input of the login page communicate between two different components, how to verify the login through axios? do you need to create a new login interface at this time?
...


Component-communication
axios
vue.js


Feb.26,2021




The problem of passing values from vue parent components to child components

I make a login interface using tabs in elementui to divide student login and teacher login
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="" name="first">
<tabs>...


Vue.js


Feb.26,2021




Vue acquires virtual nodes in component slots

vue , pug , VaForminput , dom
...


Vue.js


Feb.26,2021




Window.onerror does not work in Vue2.x

manually adding window.onerror in 2.5 does not catch errors or how does it work?
Does have to be handled in Vue.config.errorHandler ?
...


Vue.js


Feb.26,2021






False


Django, Why does the system automatically generate an empty session? every time the request is made?


Use python to convert dict1 to dict2, in the example. I tried for a long time but couldn't find a solution.


How to self-start the php-fpm service when building a LNMP environment with docker?


Can an array in react state be bound to a dom state using an element in the array?


Wechat browser version 6.6.5 cannot prevent the springback of pull-up and drop-down to the top under ios system.


In express+hbs, how do you define the routed data as a variable on the page?


How to use symbol reference of Iconfont in dva


How to elegantly add data to JSON objects?


Using node to build video streaming server


The proportional width of the echarts graph is inconsistent.


React uses axios to call the background data. After success, how to jump to the page based on the returned value?


I don't understand what a linux command means. Please explain it.


Vue introduces multiple components in vue-router by nesting named views, and does not refresh the same reference in other pages.


Running nodejs reports fewer errors ")"



css
mysql
arrays
josn
react
html
typescript
webpack
npm
sass
R
objective-c
.net
sql-server
jquery
python-3.x
angularjs
django
angular
excel
regex
iphone
ajax
linux
xml
pandas
vba
spring
database
wordpress
string
wpf
xcode
windows
bash
postgresql
oracle
multithreading
eclipse
list
firebase
algorithm
macos
forms
image
scala
visual-studio
azure
bootstrap
spring-boot
react-native
python-2.7
docker
performance
function
winforms
matlab
powershell
apache
dataframe
api
sqlite
numpy
rest
shell
selenium
flutter
dart
maven
loops
qt
swing
android-studio
csv
express
file
class
tensorflow
sorting
codeigniter
perl



After the promotion of webpac4, the node did not make an error, but the following error appeared on the page


How bitcoind starts the RPC service


How to solve the problem that downloading too many pictures in Android often fails?


Why are the copy keys not uniform under Mac? some software are Contro+c and some are Command+c? Is there a unified way?


Objects in the v-for loop array in vue cannot get object properties




© 2021 CodesHelper


Advertising
Contact us
About us


Menu