0.6.1 • Published 5 years ago
vue-shuffle-string v0.6.1
vue-shuffle-string
shuffle string Vue component.
demo
here.
Usage
Browser
example
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-shuffle-string"></script>
<body>
<div id="demo1">
<div>
<v-shuffle-string string="Loading..." />
</div>
</div>
</body>
<script>
new Vue({ el: '#demo1' })
</script>Module(Single File Component)
Installation
# npm
npm install --save vue-shuffle-string# yarn
yarn add vue-shuffle-stringexample
<template>
<div>
<v-shuffle-string string="Loading..." />
</div>
</template>
<script>
import VShuffleString from 'vue-shuffle-string';
export default {
name: 'app',
components: {
VShuffleString
}
}
</script>
<style>
</style>props
| string | immediately | time1 | time2 | count | |
|---|---|---|---|---|---|
| required | yes | no | no | no | no |
| default | true | '20' | '40' | '2' |
Example
<v-shuffle-string string="Loading..." /><div>
<button @click="$refs.shuffleString.generateShuffleString()">start</button>
<v-shuffle-string ref="shuffleString" :immediately="false" class="shuffle" string="Loading..." />
</div><template>
<div>
<v-shuffle-string ref="shuffleString" @done="done" class="shuffle" string="Loading..." />
</div>
</template>
<script>
import VShuffleString from 'vue-shuffle-string'
export default {
name: 'app',
components: {
VShuffleString
},
methods: {
done () {
console.log('done')
}
}
}
</script>
<style>
.shuffle {
font-family: monospace;
}
</style><div>
<v-shuffle-string time1="16" time2="32" count="16" string="Loading..." />
</div>