uniapp中关于unidataselect组件出现at view.umd.min.js:1报错的另类解决方案以及placeholder不显示的问题

项目中使用uniapp扩展组件中的uni-data-select组件，先是发现placeholder根本不生效。经查原代码，发现在uni-data-select.vue原码中，关于placeholder使用的是TypePlaceholder，其中的源代码如下：

computed: {  
            typePlaceholder() {  
                const text = {  
                    'opendb-stat-app-versions': '版本',  
                    'opendb-app-channels': '渠道',  
                    'opendb-app-list': '应用'  
                }  
                const common = '请选择'  
                const placeholder = text[this.collection]  
                return placeholder ?  
                    common + placeholder :  
                    common  
            }  
        },

这里显示是有极大问题的，因为源代码中的placeholder是用props接收的，而这里莫明奇妙使用text[this.collection]，应该是和云端的内容关联在一起了。但是我们一般的应用只是用来显示默认选择的内容。所以这里我把源代码直接改成：

computed: {
			typePlaceholder() {
				// const text = {
				// 	'opendb-stat-app-versions': '版本',
				// 	'opendb-app-channels': '渠道',
				// 	'opendb-app-list': '应用'
				// }
				const common = '请选择'
				// const placeholder = text[this.collection]
				return this.placeholder ?
					this.placeholder :
					common
			}
		},

模板中的代码为：

	<uni-data-select 
		:placeholder="typeData.beanColor[0].text" v-model="beanColor"  :localdata="typeData.beanColor" @change="changebeanColor"></uni-data-select>
		</uni-section>

发现在H5端已经生效了：

 但是，运行到真机时发现全部都变成了undefined，并且报了无数错

 百度知乎一般说这种情况是因为组件引入的问题，不能动态引入组件只能使用普通引入的方法。如http://events.jianshu.io/p/c1ce70e84833

但是关键的问题是，我并没有使用普通组件，而是使用的uniapp3以上的简单组件模式，即代码中根本不需要引入组件直接将组件引入到uni-modules中就可以使用。这里应该又是uniapp的一个bug。 

开始认为是网络数据请求的时机问题（所有的下拉列表选项内容是从网络请求回来的数据），于是放到onLoad,created,onShow...都试了一遍，然而啥用没有，报错依旧。

由于我在项目开发阶段升级了一次Hbulder-x，又怀疑是因为组件引入时版本的问题，于是把uni-models中的组件全部删掉，重新引入，果然如我所料--依然不管用。

偶然发现更神奇的事情，当我修改模板中的内容，将placeholder中的原来从数组元素中读取.text属性，改成直接读取数组元素，居然成功了！

<uni-data-select 
		:placeholder="typeData.beanColor[0]" v-model="beanColor"  :localdata="typeData.beanColor" @change="changebeanColor"></uni-data-select>
		</uni-section>

就是typeData.beanColor[0].text，变成typeData.beanColor[0]，居然就能显示出来，而且报错也没有了。当然结果是错的，也就是说，这里我可以读取数组中第一个元素的内容，但不能读取元素中的属性？？？？？？这是什么鬼？？？？

 这里只能说明uniapp中的placeholder属性不能接收数组中对象的属性值（完全没有道理啊），只好改变思路。放弃placeholder（当然，如果不做成app的话，只是h5或小程序，我前面的方法依然管用，只有app这里会有bug)，

1，直接在data中放置变量存放要显示的值。

2，在网络获取数据后把赋值给该变量。

3，将uni-data-select组件中的v-model中的值设为该变量。

重新运行，app端的bug终于解决了。同时H5也能用。

总结：由于是第1次使用uniapp，发现里面的坑超级多，虽说是号称支持vue，但是稍不留神，vue中的很多高级用法就会报错，而且源代码也经常有错，如果官方不认真解决这些问题，虽然uniapp的功能很强大，但是依然太看好。