for example, I want to dynamically set: style
so how to set with pseudo elements?
for example, I want to dynamically change the background color after radio is selected
".ivu-radio.ivu-radio-checked .ivu-radio-inner::after":" background: red"
<Radio :style="[isSelected(item) ? "background: red" : ""]" it is OK to change itself, but how to operate pseudo elements?
or is there any other way to change the style dynamically
individual style control, custom class
add a custom class name to him by judging the status, and then modify the style through the class name in the style
<radio :class="isSelected(item)?'selected':''">selected::after{
//
}iview officially provides some default configurable themes
if there is one in the configuration list, you can modify
directly by defining a ide/theme" rel=" nofollow noreferrer "> custom theme .what is not in the configuration list, you can define class + pseudo classes to override
.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...
as shown in figure 1, the on-select event of iview s navigation menu is useful only if the drop-down suboption is selected. but what I need now is to trigger my custom click event when I click on the title "my assets ", such as @ click= "capital " ...
have you ever used the date-picker element of iview that can be displayed, but when you click to select a date, you report an error and the date does not come out? this is why ...
...
how to show hide rows without push,splice the bound data of table? Do you use v-show or v-if or do you implement it directly in render? ...
I use the iview component library (2.11.0) and follow the instructions on the official website https: www.iviewui.com docs . to use the date component, but in the local project, the font icon is not loaded, as shown in figure this is how I introduc...
daterange type of DatePiker in iView <DatePicker type="daterange" confirm placement="bottom-end" placeholder="Select date" style="width: 200px">< DatePicker> what type of data is stored in the sel...
is it true that all props of a child component must be passed : with a colon at the time of the parent component? in subcomponents: props: { a: { xxx }, b: { xxx } } when using subcomponents: <sub-comp :a="xxx" :b=&qu...
buttonproject-details.vue organization-project button iviewbutton after changing the warning for a long time, it is still . ...
write a route management page, click add Route pop-up modal, to fill out the form and verify it automatically. but the button cannot be rendered correctly with < div slot= "footer " > . Code: html fragment: <Modal v-model="addRouteModal&...
after the tree component in iview uses render custom content, clicking on the tree node no longer displays the background. How to add background color to the currently selected node in render rendering? 1, the default tree component, click 2render w...
I want to make a table with iview. The first column should look like this: :This study establishes the first mutational report of the TGFBR3 gene in correlation with ovarian failure. iviewapi : : ivew : render https: www.iviewui.com compo... i...
after using iview scaffolding for run build packaging, part of the route is 404, and there is no 404 pages after refreshing, only the home page does not have 404, it is no problem to run with run dev. PS: opens a new window (multiple pages) by adding ta...
...
< FormItem label= "responsible person: " prop= "chargeUserId " > <Select v-model="cubForm.chargeUserId" filterable clearable remote :remote-method="remoteMethod2" :loading="loading2...
the select component of iview has no effect on list styles and clicks after loading this component on demand, but there is no problem with using this select component after the global introduction of iview in main.js. Only style files are introduced in ...
title: itemDate, key: itemDate, type: html , align: center , render:(h,params)=>{ return h( div , { props: { type...
upload an image using the upload component of the iview component library, and the backend will verify the width and height of the image. If it is incorrect, the following error will be thrown: code:"failure" result:"upload.invalid.size&...
1. Use the upload component in iview. After selecting the file, click the upload button to start uploading the upload api document of 2.iview. the hook before before-upload uploads the file. The parameter is the uploaded file. If false or Promise is ...
columns2: [{title: other mobile phone numbers bound by this person , key: mobile }, {title: ,key: nameCount }, {title: ,key: queryOrgCount }, {title: ,key: mno }, ...