vue3 element 一行数据有名称价格 当名称=1时价格 文本框禁用

可以使用Vue3的条件渲染和绑定属性来实现。

1. 首先，在data中定义名称和价格的变量，并设置名称的值为1。

data() {
  return {
    name: '1',
    price: ''
  }
}

2. 在模板中，使用条件渲染来判断名称是否为1，如果是，则将价格文本框设置为禁用。

<template>
  <div>
    <label for="name">名称：</label>
    <input type="text" id="name" v-model="name">
    <br>
    <label for="price">价格：</label>
    <input type="text" id="price" v-model="price" :disabled="name === '1'">
  </div>
</template>

这样，当名称为1时，价格文本框将被禁用，否则可以正常输入价格。