我有一个显示字符串的只读文本字段。字符串应该从文本字段的左侧开始。我想知道 Vuetify 是否有办法将字符串与文本字段的中心对齐?
更新 这是我的代码:
<v-text-field
value="Select the configuration:"
color="grey lighten-43"
class="text--darken-3 mt-3 text-xs-center"
outline
readonly
single-line
></v-text-field>
Run Code Online (Sandbox Code Playgroud) 我有一个超时事件,我想将其设置为无穷大。现在我只是将其设置为9999999意味着在那么多毫秒之后事件将触发。但它不是那么优雅,有什么更好的方法让它无限呢?
我想将包含多个值的字符串绑定到 vuetify 中的文本字段。我编写了以下代码,但它为我提供了字符串形式的属性。
<div v-if="textField">
<v-text-field
:value="'Our client, {{this.name}}, is {{this.age}} years old.'"
outline
readonly
>
</v-text-field>
</div>
Run Code Online (Sandbox Code Playgroud)
输出是:
Our client, {{this.name}}, is {{this.age}} years old.
Run Code Online (Sandbox Code Playgroud)
尽管我想获得约翰和32 的this.name和this.age值,如下所示:
Our client, John, is 32 years old.
Run Code Online (Sandbox Code Playgroud)
最好的方法是什么?
所以我有一个带有四个标签的Tabs.vue组件:
<template>
.
.
<v-tab href="#tab-1" @click="showFirstTabFunc">
First Tab
<v-icon>check_box_outline_blank</v-icon>
</v-tab>
<v-tab href="#tab-2" @click="showSecondTabFunc">
Second Tab
<v-icon>indeterminate_check_box</v-icon>
</v-tab>
<v-tab href="#tab-3" @click="showThirdTabFunc">
Third Tab
<v-icon>memory</v-icon>
</v-tab>
<v-tab href="#tab-4" @click="showTabFourFunc">
Fourth Tab
<v-icon>list_alt</v-icon>
</v-tab>
.
.
</template>
<script>
.
.
methods:{
showFirstTabFunc(){
},
showSecondTabFunc(){
},
showThirdTabFunc(){
},
showFourthTabFunc(){
},
.
.
</script>
Run Code Online (Sandbox Code Playgroud)
现在我有父组件App.vue,其中包含:
<template>
.
.
<app-tabs></app-tabs>
.
.
</template>
<script>
import Tabs from "./Tabs.vue";
export default {
data() {
return {
showFirstTab: false,
showSecondTab: false,
showThirdTab: false, …Run Code Online (Sandbox Code Playgroud) 所以我想使用Vuejs构建一个小型原生移动应用程序.我知道有两个平台可以使用VueJs开发本机移动应用程序; Weex和Nativescript.这是我的问题:
1-您是否使用过任何平台?如果是的话,它们有什么好处吗?(到目前为止,我听到了不好的评论)
2 - 根据我的研究,React Native比两个平台都要好,所以我很高兴知道这里是否有人使用' Vuejs to ReactJs converter '?React-Vue:https://github.com/SmallComfort/react-vue
3-我应该放弃我的VueJs背景并去Reactjs和React Native吗?
谢谢
web-deployment angularjs nativescript mobile-development weex
html ×3
javascript ×3
vue.js ×3
vuetify.js ×3
angularjs ×1
css ×1
nativescript ×1
textfield ×1
timeout ×1
vuejs2 ×1
web ×1
weex ×1