el-UI 表格文字帶入button或超連結

表格文字帶入Button         

<el-table :data="td_comDevList" border style="width: 100%" header-align="center">           
                <el-table-column prop="communityName" label="社區名稱" width="250">
                    <template slot-scope="scopeComDetail">
                        {{scopeComDetail.row.communityName}}
                        <el-button size="mini" icon="el-icon-view" v-on:click="getID(scopeComDetail.row.community_id)"></el-button>
                    </template>
                </el-table-column>

</el-table >

表格文字是hyperlink

<el-table :data="td_comDevList" border style="width: 100%" header-align="center">           
                <el-table-column prop="communityName" label="社區名稱" width="250">
                    <template slot-scope="scopeComDetail">
<a :href="'http://google.com'" target="_blank" class="buttonText"> {{scopeComDetail.row.communityName}}</a>
                    </template>
                </el-table-column>

</el-table >