Javascript 当默认值为空时，如何使Vue材质选择框显示选项？

我正在使用vue.js下的for material设计框架

对于普通HTML，假设我有这样一个选择框：

您应该首先看到这一点
一个
两个

这不是vue mdc的工作方式。 根据上面的文件

---

您需要设置md select的标签属性以显示默认值

您可以使用计算属性来确定最终选定的结果。将初始选项值和

movie

变量设置为字符串，例如“default”。然后使用computed属性返回最终结果，如下所示：

Vue.use（VueMaterial.default）
新Vue({
el:“#应用程序”，
数据：{
电影：“默认”
},
计算：{
selectedMovie（）{
返回this.movie=='default'？''：this.movie
}
}
})

#应用程序{
填充：30px；
利润率：50px0；
}
#精选{
填充：15px；
背景：天蓝色；
颜色：黑色；
边缘顶部：30px；
}
.作为控制台包装{
身高：0；
}

默认胶片
搏击俱乐部
教父
教父
教父三世
戈德费拉斯
低俗小说
疤面
所选电影：{{selectedMovie}

不，标签是另一回事。选择值后，它将作为小文本向上移动。您如何看待使用“value=null”而不是空字符串。那对你有用吗？它正在制作演示链接。你介意举一个完整的例子吗？这是一个很好的方法，但我花了一些时间才弄明白它是如何工作的。如果示例更直截了当，则将其标记为正确。@cytsunny我更新了答案，您可以运行代码段。正如您所看到的，初始选择默认胶片，您可以使用

selectedMovie

computed属性作为最终值。