在Laravel Nova Vue组件中查看动态呈现的场

<template>
  <div>
    <input v-if="showInput" type="text" v-model="value" />
    <select v-else v-model="value">
      <option value="option1">Option 1</option>
      <option value="option2">Option 2</option>
    </select>
  </div>
</template>

<script>
export default {
  props: ['value'],
  computed: {
    showInput() {
      // 根据条件判断是否显示输入框
      return this.value === 'option1';
    }
  }
}
</script>

use Laravel\Nova\Fields\Field;

class DynamicField extends Field
{
    /**
     * The field's component.
     *
     * @var string
     */
    public $component = 'dynamic-field';

    // 其他字段定义...

    /**
     * Get the component name for the field.
     *
     * @return string
     */
    public function component()
    {
        return 'dynamic-field';
    }
}

use App\Nova\DynamicField;

class ExampleResource extends Resource
{
    // 其他资源定义...

    /**
     * Get the fields displayed by the resource.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return array
     */
    public function fields(Request $request)
    {
        return [
            // 其他字段...

            DynamicField::make('Dynamic Field'),

            // 其他字段...
        ];
    }
}