element-plus el-form model name = ref name 不刷新

MyFreeIT

已于 2024-01-10 22:46:44 修改

阅读量478

点赞数 10

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vue.js 前端 element-plus

于 2024-01-10 22:45:31 首次发布

创作源自于MyFreeIT

本文链接：https://blog.youkuaiyun.com/MyFreeIT/article/details/135514947

前端专栏收录该内容

33 篇文章

订阅专栏

文章描述了一个在Vue应用中，使用el-form组件的pdfViewRequest进行PDF选择时遇到的问题：下拉框选择不自动更新form的值，但通过watch和自定义函数可以手动触发刷新。作者寻求了解决下拉框刷新问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-form :model="pdfViewRequest" ref="pdfViewRequest">

<el-form :model="pdfViewRequest" ref="queryForm">

      
<el-form :model="pdfViewRequest" ref="queryForm">
        
<el-form-item prop="pdfName" label="All of Invoice">
            
<el-select   v-model="pdfViewRequest.pdfUrl" 
placeholder="Select Invoice">
                
<el-option 
v-for='pdf in invoiceOnlinePdf' 
:label="pdf.pdfName" 
:value="pdf.pdfUrl!" 
:key="pdf.pdfUrl"/>
            
</el-select>
        
</el-form-item>
      
</el-form>

下拉框不刷新，form不能刷新

//无变化
watch(pdfViewRequest.value, (val) => { 
  elHelper.alertBox(val.pdfUrl+"")
})
init()


// 可以看到有变化
const changePdfView = (val:string) => {
  //elHelper.alertBox(val)
}