Vue标签属性如何动态传参并拼接字符串
admin 阅读： 2024-03-31
| 后台-插件-广告管理-内容页头部广告（手机） |
方法三
动态改变组件placeholder的值，这样做的缺点是引入一个新的变量
将placeholder绑定一个动态参数，如下：
- 1
该动态参数通过某个条件计算而来，因此将该参数写到computed()中最为合理，如下代码
3.1 placeholder动态绑定
<el-select v-model="form.vpc" :placeholder="vpcPlaceholder" @change="changeVPC"> <el-option v-for="item in attrs.vpc" :key="item.value" :label="item.label" :value="item.value"> el-option> el-select>- 1
- 2
- 3
- 4
3.2 placeholder文字根据条件生成
computed: { vpcPlaceholder() { return this.attrs.vpc.length ? "请选择" : "暂无可用VPC，请先申请" } }- 1
- 2
- 3
- 4
- 5
声明
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
在线投稿：投稿 站长QQ：1888636
| 后台-插件-广告管理-内容页尾部广告（手机） |
