<el-input v-model="zulinfeiyong" placeholder="租赁费用" readonly></el-input>
时间: 2023-06-27 20:03:48 浏览: 94
这是一个基于 Element UI 的输入框组件(el-input),其中的 v-model 指令绑定了一个名为 zulinfeiyong 的变量,用于实现数据的双向绑定。该输入框设置了 placeholder 属性用于在输入框中显示提示文本,readonly 属性用于将输入框设置为只读,禁止用户进行编辑。
相关问题
<el-form-item label="总额" prop="totalAmount"> <el-input type="number" v-model="form.totalAmount" placeholder="请输入总额" readonly/> </el-form-item>加个方法,如果value改变就执行@change="communityChange方法
你可以将el-input标签改成如下代码:
```
<el-input type="number" v-model="form.totalAmount" placeholder="请输入总额" :readonly="true" @change="communityChange"></el-input>
```
其中@change="communityChange"表示在输入框的值改变时执行名为communityChange的方法。你可以在Vue实例中定义该方法:
```
new Vue({
el: '#app',
data: {
form: {
totalAmount: ''
}
},
methods: {
communityChange: function() {
console.log('输入框的值已经改变');
}
}
});
```
在这个例子中,当输入框的值被改变时,控制台将输出"输入框的值已经改变"。你可以在这个方法中添加你需要执行的代码。
<el-input placeholder="请输入" :class="hussar_19Readonly ? 'jxd_ins_elInputReadonly' : ''" :disabled="hussar_19Disabled" ref="hussar_19Ref" :type="hussar_19Type" :readonly="hussar_19Readonly" v-show="!hussar_19Hidden" v-model="hussar_1FormData.interfaceType" class="hussar_19 jxd_ins_elInput lay-input default"></el-input> <span :class="{ isFlex: !hussar_20Hidden }" :disabled="hussar_20Disabled" @mouseover="hussar_20selectStyle()" v-show="!hussar_20Hidden" class="hussar_20 jxd_ins_format jxd-format-element default"> <el-tooltip :disabled="hussar_20tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow=false popper-class="el-prompt el-prompt-position"> <div slot="content" class="el-title"> {{hussar_20Data | hussar_20format(hussar_20that)}} </div>
这段代码是一个Vue组件的模板,包含了一个el-input和一个span元素。el-input是一个输入框,根据一些条件动态设置了一些属性,比如placeholder、class、disabled等。span元素根据一些条件动态设置了一些属性和事件,比如class、disabled、mouseover等。其中,el-tooltip是一个用于显示提示信息的组件,根据条件设置了一些属性和事件。在模板中使用了一些Vue的指令和过滤器,比如v-show、v-model、class绑定、@mouseover等。整体来说,这段代码的作用是渲染一个输入框和一个带有提示信息的span元素,根据条件动态设置它们的属性和事件。
阅读全文