Laravel BootstrapVue CRUD SPA如何进行只影响一个vue组件的访问

我正在用它构建一个CRUDSPA模型，该模型使用mutator访问器将两个数据属性从INT更改为可读字符，并将数据显示在表组件上

范例

class TradingModel extends Model
{
public function getTradingStatusIdAttribute($attribute)
    {
        return [
            0 => 'trading status 1',
            1 => 'trading status 2',

        ][$attribute];
    }
}

并使用bootsrap vue组件编辑值。 但是，对于经过修改的值，我需要编辑所有字段，以确保将正确的数据类型属性保存到数据库中

   <template>

        <b-form-select id="sales_status_id"
               v-model="form.sales_status_id">
               <option :value="0">trading status 1</option>
               <option value="1">trading status 2</option>

        </b-form-select>


  </template>

  <script>
  data() {
  return {
    items: [],

     form: {
      property_name: '',
      address: '',
      trading_status_id: '',
      sale_priority_id: '',
      sales_status_id: '',
  }

交易状况1
交易状况2
数据（）{
返回{
项目：[]，
表格：{
属性名称：“”，
地址：''，
交易状态\u id:“”，
销售优先级id:“”，
销售状况\标识：“”，
}

解决这种情况的方法和解决办法是什么。 是否可以只对一个组件使用访问器？ 或者，如何从数据库中获取原始值并绕过变异值

---

提前谢谢你，我正在学习和教自己编程，还是个初学者。

感谢rodrogo.pedra

您可以为值标签使用虚拟访问器：

class TradingModel extends Model
{
    // tells Laravel to append this virtual column to JSON output
    protected $appends = ['trading_status_label'];

    public function getTradingStatusLabelAttribute()
    {
        return [
            0 => 'trading status 1',
            1 => 'trading status 2',
        ][$this->trading_status_id];
    }
}

想想vue的computed属性，但是对于Laravel

通过这种方式，您可以使用交易状态标签在表中显示，并在表单或数据相关任务中继续使用交易状态id原始值