修正 dialog-link 无法使用标签内文字的问题

Author: kefong

README.md

@@ -1 +1,9 @@
-# vue-dialog
+# vue-dialog
+使用方法：
+1、将<dialog-view></dialog-view>加到组件App.vue
+2、在需要弹窗的地方，如下调用，有两种办法，
+一种是使用自制<dialog-link>来调用
+<dialog-link class="fo-btn fo-btn-secondary" to="/about" type="alert" html="<span style='color:#ff0000'>test</span>">111</dialog-link>
+<dialog-link class="fo-btn fo-btn-secondary" to="/about/test">222</dialog-link>
+第二种是：直接调用js方法：
+<button class="fo-btn fo-btn-secondary" v-on:click="$alert('<span>1111423423411111</span>')">333</button>

components/dialog-link.vue

@@ -1,14 +1,19 @@
-<template>
-	<a v-on:click="open" href="javascript:void(0)">{{ text }}</a>
-</template>
 <script>
 export default {
 	name: 'dialog-link',
+	render: function(h){
+		return h('a', {
+			on: {
+				click: this.open
+			},
+			domProps: {
+				innerHTML: this.$slots.default[0].text
+			}
+		})
+	},
 	props: ['width','height','title','model','to','html','type'],
 	data: function(){
-		return {
-			text: typeof(this.$slots.default) == 'undefined'?'':this.$slots.default[0].text
-		}
+		return {}
 	},
 	methods: {
 		open: function(){

index.js

@@ -5,8 +5,5 @@ export default class VueDialog {
 		this.options = options;
 		//console.log(options);
 	}
-	test(){
-		console.log(test);
-	}
 }
 VueDialog.install = install;