0
137
VistasMostrar números como subíndice en elementos seleccionados de la ranura v-select en vue js
Utilizo v-select en el proyecto Vue para seleccionar de la lista de productos químicos y óxidos, quiero mostrar los elementos seleccionados con Subíndice solo para números como la figura adjunta :
mi código es :
<v-select v-model="elements" class="form-control text-left" :items="chemicals"></v-select>quimicos :
["Ag","Al2O3","Al2O3/(CaO+MgO+K2O+Na2O)","As","Au","Ba","BaO","Be","Bi","Br","Ca","CaO","Cd","Ce","Cl","Cl","Co","CO2","Cr","Cr2O3","Cs","Cu","Dy","SO3","SO4","Sr","SrO","Ta","Tb","Th","Ti","TiO2","Tl",]
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Puede reemplazar todos los dígitos como subíndices individuales:
Cree una matriz (p. ej.,
subscriptscon nombre) de caracteres Unicode de subíndice (\u2080para0, hastau2089para9). Esto permite asignar un dígito dado a un carácter de subíndice mediante el uso del dígito como un índice en la matriz de subíndices (es decir,subscripts[3] = '\u2083').Use
String.prototype.replace()con una función de reemplazo que convierte cualquier dígito al subíndice.
const subscripts = [ '\u2080', '\u2081', '\u2082', '\u2083', '\u2084', '\u2085', '\u2086', '\u2087', '\u2088', '\u2089', ] const ELEMENTS = ["Ag","Al2O3","Al2O3/(CaO+MgO+K2O+Na2O)","As","Au","Ba","BaO","Be","Bi","Br","Ca","CaO","Cd","Ce","Cl","Cl","Co","CO2","Cr","Cr2O3","Cs","Cu","Dy","SO3","SO4","Sr","SrO","Ta","Tb","Th","Ti","TiO2","Tl"] const elements = ELEMENTS.map(name => { return name.replace(/\d/g, (num) => subscripts[Number(num)]) }) 
·
Juan Pablo Isaza
Denunciar
Responde la pregunta